Full source code website bán hàng thương mại điện tử gần giống shopee
472.171 lượt xem;
1 body{
2 padding: 0;
3 margin: 0;
4 height:auto;
5 font-family:Arial, Tahoma, Helvetica, sans-serif;
6 font-size:12px;
7 background: #FFF;
8 color:#111;
9 min-width:1000px;
10 }
11
12
13 select{
14 padding:2px;
15 margin:0;
16 }
17
18
19
20 input[type="text"]:hover, input[type="password"]:hover, textarea:hover{
21 -moz-border-bottom-colors: none;
22 -moz-border-image: none;
23 -moz-border-left-colors: none;
24 -moz-border-right-colors: none;
25 -moz-border-top-colors: none;
26 border-color: #A0A0A0 #bababa #bababa;
27 border-right: 1px solid #bababa;
28 border-style: solid;
29 border-width: 1px;
30 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
31 }
32
33 input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
34 border: 1px solid #0094da;
35 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
36 outline: medium none;
37 }
38
39
40 a{
41 color:#111;
42 text-decoration:none;
43 }
44
45 a:hover{
46 color:#0072c6;
47 text-decoration:underline;
48 }
49
50 img{
51 border:none;
52 }
53
54 .div_clear{
55 clear:both;
56 }
57
58 .spanLyDoViPham {
59 color:#F00;
60 font-style:italic;
61 }
62
63 /*====================================Button===================================*/
64 .a_btn,
65 .a_btn_large{
66 float:right;
67 -moz-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
68 background-color:#357ae8;
69 border: 1px solid #4d90fe;
70 cursor: pointer !important;
71 color:#FFF;
72 padding:3px 12px;
73 line-height:15px;
74 font-size:110%;
75 margin-left:5px;
76 text-align:center;
77 white-space:nowrap;
78 }
79
80 .a_btn:hover,
81 .a_btn_large:hover{
82 background-color: #0072c6;
83 border: 1px solid #4d90fe;
84 text-decoration:none;
85 color: #FFF;
86 }
87
88 .a_btn_large{
89 float:left;
90 padding:7px 15px;
91 margin-left:0;
92 }
93
94 /*========================== PAGE ===========================*/
95 #page_web{
96 width:100%;
97 height:auto;
98 }
99
100 #menu{
101 width:100%;
102 height:40px;
103 background:#0094da;
104 }
105
106 #path{
107 width:100%;
108 height:30px;
109 border-bottom:1px solid #dfdfdf;
110 }
111
112 #command{
113 width:100%;
114 border-bottom:1px solid #dfdfdf;
115 }
116
117 #content{
118 width:100%;
119 }
120
121 #webpage_scroll{
122 width:100%;
123 display:block;
124 position: relative;
125 overflow-y: scroll;
126 }
127
128 #copyright{
129 width:100%;
130 border-top:1px solid #dfdfdf;
131 }
132
133 .div_content{
134 margin:10px;
135 }
136
137 .div_content_manage{
138 float: left;
139 width:100%;
140 height:auto;
141 display:block;
142 margin:10px 0;
143 }
144
145 .div_multi_language{
146 float:left;
147 width:100%;
148 margin-top:10px;
149 }
150
151 /*========================== MAIN ===========================*/
152 .div_left{
153 float:left;
154 width:28%;
155 min-height:450px;
156 background:#f3f3f3;
157 padding:0 10px;
158 }
159
160 .div_right{
161 float:left;
162 width:70%;
163 }
164
165 /*========================== LOGO ===========================*/
166 .div_logo{
167 float:left;
168 width:141px;
169 height:34px;
170 padding:3px 0 3px 3px;
171 }
172
173 .div_logo a{
174 position: relative;
175 display: block;
176 background: url(Image/logoquantri.png) no-repeat;
177 height: 40px;
178 margin-top: -3px;
179 margin-left: -3px;
180 }
181
182 /*==============================MENU TOP=======================================*/
183 #mnu_top {
184 float:left;
185 list-style:none;
186 margin:0;
187 padding:0;
188 }
189 #mnu_top li.top {
190 float:left;
191 display:block;
192 height:40px;
193 text-align:center;
194 padding:0 10px;
195 }
196
197 #mnu_top li.top:hover{
198 background:#0072c6;
199 }
200
201 #mnu_top li a.top_link {
202 color:#FFF;
203 font-weight:bold;
204 display:block;
205 padding:10px 3px;
206 text-decoration:none;
207 line-height:20px;
208 z-index:99999;
209 white-space:nowrap;
210 }
211
212 #mnu_top li a.top_link.parent{
213 padding-right:12px;
214 background:url(Image/icon_menu_parent.png) no-repeat right center;
215 }
216
217 /* Default list styling */
218 #mnu_top li:hover {
219 position:relative;
220 z-index:200;
221 }
222
223 #mnu_top li:hover ul.sub{
224 left:0;
225 top:40px;
226 width:200px;
227 height:auto;
228 z-index:300;
229 border-left:2px solid #0094da;
230 border-right:2px solid #0094da;
231 border-bottom:2px solid #0094da;
232 background:#FFF;
233 padding:5px 0;
234 }
235
236 #mnu_top li:hover ul.sub li{
237 float:left;
238 position:relative;
239 }
240
241 #mnu_top li:hover ul.sub li a{
242 display:block;
243 font-weight:bold;
244 width:180px;
245 line-height:18px;
246 padding:6px 10px;
247 text-align:left;
248 border-top:1px solid #dfdfdf;
249 }
250
251 #mnu_top li:hover ul.sub li a.first{
252 border-top:none;
253 }
254
255 #mnu_top li:hover ul.sub li a:hover{
256 color:#111;
257 background:#f1f1f1;
258 text-decoration:none;
259 }
260
261 #mnu_top li:hover ul.sub li a span{
262 display:block;
263 line-height:14px;
264 color: #333;
265 font-size:90%;
266 text-align:justify;
267 font-weight:normal;
268 }
269
270 #mnu_top li:hover ul.sub li a span.warningsupport{
271 color:#00C;
272 }
273
274 #mnu_top li:hover ul.sub li a span.warninguse{
275 color:#F00;
276 }
277
278 #mnu_top ul{
279 position:absolute;
280 left:-9999px;
281 top:-9999px;
282 width:0;
283 height:0;
284 margin:0;
285 padding:0;
286 list-style:none;
287 }
288
289 /*==============================USER=======================================*/
290 .div_user{
291 float:right;
292 height:40px;
293 padding:0 10px;
294 margin-right:10px;
295 }
296
297 .div_user:hover,
298 .div_user.selected{
299 background:#0072c6;
300 }
301
302 .div_user .a_top{
303 color:#FFF;
304 font-size:90%;
305 display:block;
306 padding:10px 28px 10px 3px;
307 text-decoration:none;
308 line-height:20px;
309 z-index:99999;
310 background:url(Image/icon_user.png) no-repeat right center;
311 white-space:nowrap;
312 }
313
314 .div_user .a_top2{
315 color:#FFF;
316 font-size:90%;
317 display:block;
318 padding:10px 28px 10px 3px;
319 text-decoration:none;
320 line-height:20px;
321 z-index:99999;
322 background:url(Image/delete.png) no-repeat right center;
323 white-space:nowrap;
324 }
325
326
327 .div_user_content{
328 position:absolute;
329 top:40px;
330 right:10px;
331 width:380px;
332 height:140px;
333 border-left:2px solid #0094da;
334 border-right:2px solid #0094da;
335 border-bottom:2px solid #0094da;
336 background:#f9f9f9;
337 z-index:9999;
338 }
339
340 .div_user_content.hidden{
341 visibility:hidden;
342 }
343
344 /*======================INFORMATION USER======================*/
345 .div_user_image{
346 float:left;
347 width:100px;
348 height:100px;
349 margin:19px;
350 border:1px solid #dfdfdf;
351 }
352
353 .div_user_image img{
354 max-width:100px;
355 max-height:100px;
356 }
357
358 .div_user_info{
359 float:left;
360 width:220px;
361 margin:20px 0;
362 }
363
364 .div_user_info .p_user_fullname,
365 .div_user_info .p_user_email{
366 padding:0;
367 margin:0;
368 line-height:20px;
369 color:#666;
370 text-align:left;
371 }
372
373 .div_user_info .p_user_fullname{
374 font-weight:bold;
375 color:#111;
376 font-size:110%;
377 }
378
379 /*====================================PATH===================================*/
380 .ul_path {
381 float:left;
382 padding: 0;
383 list-style: none;
384 margin:5px 0 0 10px;
385 }
386
387 .ul_path li{
388 float:left;
389 margin:0;
390 color:#005FA3;
391 line-height:20px;
392 white-space:nowrap;
393 }
394
395 .ul_path li.current{
396 font-weight:bold;
397 }
398
399 .ul_path li span{
400 float:left;
401 padding:0 5px;
402 }
403
404 .ul_path li a{
405 float:left;
406 display:block;
407 text-decoration:none;
408 }
409
410 .ul_path li a:hover{
411 text-decoration:underline;
412 }
413
414 /*====================================VIEW WEBSITE===================================*/
415 .div_view_website{
416 float:right;
417 width:300px;
418 height:30px;
419 }
420
421 .div_view_website .div_view_website_icon{
422 float:left;
423 margin:7px;
424 width:16px;
425 height:16px;
426 }
427
428 .div_view_website a{
429 float:left;
430 font-weight:bold;
431 line-height:30px;
432 white-space:nowrap;
433 }
434
435 .p_copyright{
436 text-align:center;
437 color:#666;
438 padding:0;
439 margin:5px 0 0 0;
440 line-height:16px;
441 width:100%;
442 font-size:90%;
443 }
444
445 /*========================== STICKY HEADER ===========================*/
446 .sticky-command{
447 background:#FFF;
448 }
449
450 .sticky-command.stuck{
451 position:fixed;
452 _position:absolute;
453 top:0;
454 background:#0094da;
455 z-index:300;
456 }
457
458 .sticky-command.stuck .span_tieude{
459 color:#FFF;
460 }
461
462 .sticky-command.stuck .div_command{
463 border-color:#0183c1;
464 }
465
466 /*============================COMMAND============================*/
467 .span_tieude{
468 float:left;
469 padding:0;
470 margin:0;
471 line-height:50px;
472 color:#0B55C4;
473 font-size:140%;
474 font-weight:bold;
475 text-indent:10px;
476 white-space:nowrap;
477 }
478
479 .div_command{
480 float:right;
481 height:20px;
482 margin:9px 6px 9px 0;
483 padding:5px 10px 5px 5px;
484 cursor:pointer;
485 border:1px solid #c6c6c6;
486 background:#f1f1f1;
487 }
488
489 .div_command:hover{
490 background:#dfdfdf;
491 border:1px solid #b8b7b7;
492 }
493
494 .div_command .div_command_icon{
495 float:left;
496 width:20px;
497 height:20px;
498 margin-right:3px;
499 }
500
501 .div_command .span_command_text{
502 float:left;
503 font-size:90%;
504 font-weight:bold;
505 line-height:20px;
506 text-align:left;
507 white-space:nowrap;
508 }
509
510 /*============================ICON============================*/
511 .div_icon{
512 width:20px;
513 height:20px;
514 float:left;
515 margin-left:5px;
516 }
517
518 .icon_new{
519 background:url(Image/icon.png) no-repeat 0 0;
520 }
521
522 .icon_copy{
523 background:url(Image/icon.png) no-repeat 0 -620px;
524 }
525
526 .icon_edit{
527 background:url(Image/icon.png) no-repeat 0 -20px;
528 }
529
530 .icon_save{
531 background:url(Image/icon.png) no-repeat 0 -40px;
532 }
533
534 .icon_delete{
535 background:url(Image/icon.png) no-repeat 0 -60px;
536 }
537
538 .icon_back{
539 background:url(Image/icon.png) no-repeat 0 -80px;
540 }
541
542 .icon_infor{
543 background:url(Image/icon.png) no-repeat 0 -100px;
544 }
545
546 .icon_cart{
547 background:url(Image/icon.png) no-repeat 0 -120px;
548 }
549
550 .icon_visible{
551 background:url(Image/icon.png) no-repeat 0 -140px;
552 }
553
554 .icon_hide{
555 background:url(Image/icon.png) no-repeat 0 -160px;
556 }
557
558 .icon_unread{
559 background:url(Image/icon.png) no-repeat 0 -180px;
560 }
561
562 .icon_read{
563 background:url(Image/icon.png) no-repeat 0 -200px;
564 }
565
566 .icon_paidorder{
567 background:url(Image/icon.png) no-repeat 0 -220px;
568 }
569
570 .icon_acceptmail{
571 background:url(Image/icon.png) no-repeat 0 -240px;
572 }
573
574 .icon_print{
575 background:url(Image/icon.png) no-repeat 0 -260px;
576 }
577
578 .icon_replymail{
579 background:url(Image/icon.png) no-repeat 0 -280px;
580 }
581
582 .icon_emptycart{
583 background:url(Image/icon.png) no-repeat 0 -300px;
584 }
585
586 .icon_uptop{
587 background:url(Image/icon.png) no-repeat 0 -320px;
588 }
589
590 .icon_pagedelete{
591 background:url(Image/icon.png) no-repeat 0 -340px;
592 }
593
594 .icon_active{
595 background:url(Image/icon.png) no-repeat 0 -360px;
596 }
597
598 .icon_lock{
599 background:url(Image/icon.png) no-repeat 0 -380px;
600 }
601
602 .icon_add{
603 background:url(Image/icon.png) no-repeat 0 -400px;
604 }
605
606 .icon_search{
607 background:url(Image/icon.png) no-repeat 0 -660px;
608 }
609 .icon_refresh{
610 background:url(Image/icon.png) no-repeat 0 -680px;
611 }
612 .icon_price{
613 background:url(Image/icon.png) no-repeat 0 -700px;
614 }
615 /*====================================Command 1===================================*/
616 .div_command_main{
617 float:left;
618 width:140px;
619 height:110px;
620 margin-left:12px;
621 margin-top:12px;
622 padding:10px;
623 cursor:pointer;
624 border:1px solid #e0e0e0;
625 background:#f9f9f9;
626 }
627
628 .div_command_main:hover{
629 background:#E2E2E2;
630 border:1px solid #9eccfb;
631 }
632
633 .div_command_main .div_command_main_icon{
634 width:64px;
635 height:64px;
636 margin:5px 0 6px 38px;
637 }
638
639 .div_command_main .p_command_main_text {
640 padding:0;
641 margin:0;
642 line-height:16px;
643 max-height:32px;
644 text-align:center;
645 color:#4b4c47;
646 }
647
648 .div_command_main .icon_addproduct{
649 background:url(Image/icon_command.png) no-repeat 0 0;
650 }
651
652 .div_command_main .icon_addnews{
653 background:url(Image/icon_command.png) no-repeat 0 -64px;
654 }
655
656 .div_command_main .icon_managepages{
657 background:url(Image/icon_command.png) no-repeat 0 -128px;
658 }
659
660 .div_command_main .icon_manageoders{
661 background:url(Image/icon_command.png) no-repeat 0 -192px;
662 }
663
664 .div_command_main .icon_inferface{
665 background:url(Image/icon_command.png) no-repeat 0 -256px;
666 }
667
668 .div_command_main .icon_updatelogo{
669 background:url(Image/icon_command.png) no-repeat 0 -320px;
670 }
671
672 .div_command_main .icon_updatebanner{
673 background:url(Image/icon_command.png) no-repeat 0 -384px;
674 }
675
676 .div_command_main .icon_configshop{
677 background:url(Image/icon_command.png) no-repeat 0 -448px;
678 }
679
680 .div_command_main .icon_moduleproduct{
681 background:url(Image/icon_command.png) no-repeat 0 -512px;
682 }
683
684 .div_command_main .icon_modulenews{
685 background:url(Image/icon_command.png) no-repeat 0 -576px;
686 }
687
688 .div_command_main .icon_adddomain{
689 background:url(Image/icon_command.png) no-repeat 0 -640px;
690 }
691
692 .div_command_main .icon_supportonline{
693 background:url(Image/icon_command.png) no-repeat 0 -704px;
694 }
695
696 /*========================== TITLE ===========================*/
697 .p_title_list{
698 float:left;
699 width:100%;
700 margin:20px 0 5px 0;
701 padding:0;
702 line-height:20px;
703 font-size:140%;
704 font-weight:bold;
705 color:#0072c6;
706 }
707
708 .div_line{
709 width:100%;
710 float:left;
711 margin-top:8px;
712 }
713
714 .div_line .div_line_img{
715 float:left;
716 width:16px;
717 height:16px;
718 margin-right:6px;
719 }
720
721 .div_line p{
722 margin:0;
723 padding:0;
724 line-height:18px;
725 }
726
727 .div_line .span_small{
728 line-height:18px;
729 font-size:90%;
730 font-style:italic;
731 color:#0072c6;
732 }
733
734 .div_line .span_special{
735 line-height:18px;
736 font-weight:bold;
737 color:#FF0000;
738 }
739
740 .div_line a{
741 font-weight:normal;
742 color:#005FA3;
743 font-style:italic;
744 margin-left:5px;
745 }
746
747 .div_line a:hover{
748 text-decoration:underline;
749 }
750
751 .div_line .div_line_img.shoppingcart{
752 background:url(Image/icon_small.png) 0 0px;
753 }
754
755 .div_line .div_line_img.contact{
756 background:url(Image/icon_small.png) 0 -16px;
757 }
758
759 .div_line .div_line_img.product{
760 background:url(Image/icon_small.png) 0 -32px;
761 }
762
763 .div_line .div_line_img.news{
764 background:url(Image/icon_small.png) 0 -48px;
765 }
766
767 .div_line .div_line_img.noice{
768 background:url(Image/icon_small.png) 0 -64px;
769 }
770
771 .div_line .div_line_img.nameshop{
772 background:url(Image/icon_small.png) 0 -80px;
773 }
774
775 .div_line .div_line_img.typeshop{
776 background:url(Image/icon_small.png) 0 -96px;
777 }
778
779 .div_line .div_line_img.date{
780 background:url(Image/icon_small.png) 0 -112px;
781 }
782
783 .div_line .div_line_img.gods{
784 background:url(Image/icon_small.png) 0 -128px;
785 }
786
787 /*========================== TITLE ===========================*/
788 .p_help_title{
789 float:left;
790 width:100%;
791 margin:20px 0 10px 0;
792 padding:0;
793 line-height:20px;
794 font-size:140%;
795 font-weight:bold;
796 color:#0072c6;
797 text-align:center;
798 }
799
800 .p_help_list {
801 float:left;
802 line-height:16px;
803 padding:5px 10px;
804 margin:0;
805 }
806
807 .p_help_list .s_circle{
808 background-image: url(Image/circle.png);
809 background-position: left center;
810 background-repeat: no-repeat;
811 color: #FFF;
812 display: inline-block;
813 height: 18px;
814 padding:0 6px;
815 font-weight:bold;
816 }
817
818 .p_help_list a{
819 margin-left:3px;
820 }
821 /*=================================== VIEW IMAGE ===================================*/
822 .div_img_view_content {
823 float:left;
824 width:100%;
825 }
826 .div_img_view {
827 float:left;
828 width:100px;
829 height:120px;
830 margin:10px 10px 0 0;
831 }
832
833 .div_img_view img {
834 width:100px;
835 height:100px;
836 border:1px solid #bababa;
837 }
838
839 .div_img_view input[type="radio"] {
840 margin: 0 3px 0 0;
841 }
842
843 .div_img_view a {
844 float:right;
845 text-decoration:underline;
846 font-weight:bold;
847 color:#F00;
848 }
849
850 .div_img_view a.a_center {
851 text-align:center;
852 width:100%;
853 }
854
855 /*=================================== GRID VIEW ====================================*/
856
857 /*====== HEADER =======*/
858 .GridView_TblHeader{
859 width:100%;
860 }
861 .GridView_TrHeader{
862 height:35px;
863 vertical-align:middle;
864 }
865 .GridView_TdHeaderSearchControl{
866 text-align:right;
867 white-space:nowrap;
868 }
869
870 .GridView_TxtSearch{
871 width:140px;
872 }
873
874 .GridView_CboColumnName{
875 width:125px;
876 }
877 .GridView_CboOrderColumn{
878 width:85px;
879 }
880
881 .GridView_Combobox{
882
883 }
884
885 /*====== TABLE MAIN =======*/
886 .GridView_TblMain{
887 border-right:solid 1px #dfdfdf;
888 border-bottom:solid 1px #dfdfdf;
889 width:100%;
890 }
891
892 .GridView_TrTitle{
893 background-color:#0094da;
894 height:35px;
895 }
896 .GridView_TdTitle{
897 vertical-align:middle;
898 color:#FFFFFF;
899 font-weight:bold;
900 text-align:center;
901 }
902 .GridView_TrData_1{
903 background-color:#FFF;
904 height:35px;
905 }
906
907 .GridView_TrData_2{
908 background-color:#f0eeee;
909 height:35px;
910 }
911
912 .GridView_TrData_1:hover, .GridView_TrData_2:hover{
913 background-color:#faf8b4;
914 height:35px;
915 }
916
917 .GridView_TrSelected{
918 background-color:#faf8b4;
919 height:35px;
920 }
921 .GridView_TdData{
922 text-align:left;
923 vertical-align:middle;
924 }
925 .GridView_TdDataCenter{
926 text-align:center;
927 }
928 .GridView_TdDataImportant
929 {
930 /*color:#0000FF;
931 text-decoration:underline;
932 cursor:pointer;*/
933 }
934
935 .GridView_aExecuteFunction{
936 color:#0B55C4;
937 text-decoration:underline;
938 cursor:pointer;
939 }
940
941 .GridView_aExecuteFunction:hover{
942 text-decoration:none;
943 }
944
945 .GridView_TrNotFoundData{
946 background-color:#F4F5F6;
947 height:35px;
948 }
949 .GridView_TdNotFoundData{
950 text-align:center;
951 font-weight:bold;
952 }
953 .GridView_TblMain Tr Td{
954 border-top:solid 1px #dfdfdf;
955 border-left:solid 1px #dfdfdf;
956 }
957
958 .GridView_Padding{
959 background-color: #0094da;
960 height: 35px;
961
962 }
963
964 /*====== FOOTER =======*/
965
966 .GridView_TblFooter{
967 width:100%;
968 }
969 .GridView_TrFooter{
970 height:40px;
971 vertical-align:middle;
972 }
973 .GridView_TdFooterFound{
974 text-align:left;
975 white-space:nowrap;
976 width:200px;
977 }
978 .GridView_TdFooterDisplay{
979 text-align:left;
980 white-space:nowrap;
981 width:200px;
982 }
983 .GridView_TdFooterPageNumber{
984 text-align:right;
985 white-space:nowrap;
986 }
987
988 .GridView_cboRowNumberDisplay{
989 width:75px;
990 }
991 .GridView_SpanTotalRow{
992 font-weight:bold;
993 color:red;
994 }
995
996 /*============================================= MANAGE FORM =================================*/
997 .ManageForm_Tbl
998 {
999 width:100%;
1000 border-spacing: 2px;
1001 }
1002 .ManageForm_Tbl tr th
1003 {
1004 font-size:12pt;
1005 text-align:left;
1006 color:#3B6097;
1007 font-weight:bold;
1008 vertical-align:middle;
1009 padding-left:20px;
1010 padding-bottom:5px;
1011 }
1012
1013 .ManageForm_TdGroup {
1014 text-align:left;
1015 font-size:120%;
1016 font-weight:bold;
1017 color:#FFF;
1018 background:#f7941d;
1019 vertical-align:middle;
1020 padding-left:10px;
1021 height:30px;
1022 }
1023
1024 .ManageForm_TdLabel
1025 {
1026 vertical-align:middle;
1027 text-align:right;
1028 width:150px;
1029 white-space:nowrap;
1030 background:#F6F6F6;
1031 border-bottom: 1px solid #E9E9E9;
1032 border-right: 1px solid #E9E9E9;
1033 padding-top:5px;
1034 padding-bottom:3px;
1035 padding-right:5px;
1036 }
1037 .ManageForm_TdControl
1038 {
1039 text-align:left;
1040 vertical-align:middle;
1041 padding-left:5px;
1042 padding-top:5px;
1043 padding-bottom:3px;
1044 }
1045 .ManageForm_TdMessage
1046 {
1047 color:Red;
1048 text-align:left;
1049 vertical-align:top;
1050 padding-top:5px;
1051 padding-left:10px;
1052 }
1053 .Required
1054 {
1055 color:Red;
1056 }
1057
1058 .ManageForm_TblFCK
1059 {
1060 }
1061 .ManageForm_TblFCK tr th
1062 {
1063 padding-bottom:0px;
1064 }
1065 .ManageForm_TblFCK tr td
1066 {
1067 padding:7px 5px 7px 20px;
1068 text-align:left;
1069 width:100%;
1070 font-weight:bold;
1071 }
1072
1073 /*===================================== NOI DUNG ======================================*/
1074 .NoiDung_Tbl
1075 {
1076 border:solid 1px #CCCCCC;
1077 padding-bottom: 10px;
1078 }
1079 .NoiDung_Tbl tr
1080 {
1081
1082 }
1083 .NoiDung_TdLabel
1084 {
1085 text-align:left;
1086 white-space:nowrap;
1087 }
1088 .NoiDung_TdContent
1089 {
1090 text-align:left;
1091 }
1092 .NoiDung_Tbl tr th
1093 {
1094 font-size:125%;
1095 text-align:center;
1096 color:White;
1097 font-weight:bold;
1098 vertical-align:middle;
1099 padding-bottom:5px;
1100 background-color:#0094da;
1101 }
1102 .DivMessage
1103 {
1104 color:Red;
1105 text-align:center;
1106 }
1107
1108 /*============================== CHECKBOX LIST =========================================*/
1109 .CheckboxListTable
1110 {
1111 font-family:Arial, Tahoma;
1112 font-size:10pt;
1113 width:100%;
1114 }
1115 .CheckboxListTable Tr
1116 {
1117 }
1118 .CheckboxListTable Tr Td
1119 {
1120 white-space:nowrap;
1121 height:25px;
1122 }
1123
1124 .ContainerListCheckbox
1125 {
1126 overflow:auto;
1127 padding:5px 5px 5px 5px;
1128 border:solid 1px #7F9DB9;
1129 background-color: #FFFFFF;
1130 }
1131
1132 /*============================== PAGING ==============================*/
1133 .ul_paging{
1134 float:right;
1135 list-style-type:none;
1136 padding:0;
1137 margin:0;
1138 }
1139
1140 .ul_paging li{
1141 float:left;
1142 padding:0 2px;
1143 }
1144
1145 .ul_paging a{
1146 padding:3px 10px;
1147 display:inline-block;
1148 background-color: #0094da;
1149 border: 1px solid #0094da;
1150 color: #FFF;
1151 line-height:16px;
1152 -moz-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
1153 cursor: pointer !important;
1154 }
1155
1156 .ul_paging a:hover,
1157 .ul_paging .paging_active a{
1158 background-color: #f7941d;
1159 border: 1px solid #f7941d;
1160 color:#FFF;
1161 -moz-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
1162 text-decoration:none;
1163 }
1164
1165 /*=================================================Tab control=====================================================*/
1166 ul.tabs {
1167 margin:0;
1168 padding: 0;
1169 float: left;
1170 list-style: none;
1171 height: 37px;
1172 border-bottom: 1px solid #DFDFDF;
1173 width: 100%;
1174 }
1175 ul.tabs li {
1176 float: left;
1177 margin: 0;
1178 padding: 0;
1179 height: 36px;
1180 line-height: 35px;
1181 border: 1px solid #DFDFDF;
1182 border-left: none;
1183 margin-bottom: -1px;
1184 background: #f1f1f1;
1185 overflow: hidden;
1186 position: relative;
1187 }
1188
1189 ul.tabs li.first{
1190 border-left: 1px solid #DFDFDF;
1191 }
1192
1193 ul.tabs li:hover{
1194 border-top: 1px solid #f7941d;
1195 }
1196
1197 ul.tabs li a {
1198 text-decoration: none;
1199 color: #000;
1200 display: block;
1201 padding: 0 20px;
1202 outline: none;
1203 font-weight:bold;
1204 border-top: 1px solid #f1f1f1;
1205 white-space:nowrap;
1206 }
1207
1208 ul.tabs li a:hover {
1209 background: #f1f1f1;
1210 border-top: 1px solid #f7941d;
1211 }
1212
1213 ul.tabs li.active{
1214 background: #fff;
1215 border-bottom: 1px solid #fff;
1216 border-top: 1px solid #0094da;
1217 }
1218
1219 ul.tabs li.active a{
1220 border-top: 1px solid #0094da;
1221 border-bottom: 1px solid #fff;
1222 }
1223
1224 ul.tabs li.active a:hover{
1225 background: #fff;
1226 border-bottom: 1px solid #fff;
1227 }
1228
1229 .tab_container {
1230 border-top: none;
1231 clear: both;
1232 float: left;
1233 width: 100%;
1234 }
1235 .tab_content {
1236 padding: 10px 0;
1237 }
1238
1239
1240 /*============================= fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license ================================*/
1241 .fancybox-wrap,
1242 .fancybox-skin,
1243 .fancybox-outer,
1244 .fancybox-inner,
1245 .fancybox-image,
1246 .fancybox-wrap iframe,
1247 .fancybox-wrap object,
1248 .fancybox-nav,
1249 .fancybox-nav span,
1250 .fancybox-tmp
1251 {
1252 padding: 0;
1253 margin: 0;
1254 border: 0;
1255 outline: none;
1256 vertical-align: top;
1257 }
1258
1259 .fancybox-wrap {
1260 position: absolute;
1261 top: 0;
1262 left: 0;
1263 z-index: 8020;
1264 }
1265
1266 .fancybox-skin {
1267 position: relative;
1268 background: #f9f9f9;
1269 color: #444;
1270 text-shadow: none;
1271 -webkit-border-radius: 4px;
1272 -moz-border-radius: 4px;
1273 border-radius: 4px;
1274 }
1275
1276 .fancybox-opened {
1277 z-index: 8030;
1278 }
1279
1280 .fancybox-opened .fancybox-skin {
1281 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
1282 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
1283 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
1284 }
1285
1286 .fancybox-outer, .fancybox-inner {
1287 position: relative;
1288 }
1289
1290 .fancybox-inner {
1291 overflow: hidden;
1292 }
1293
1294 .fancybox-type-iframe .fancybox-inner {
1295 -webkit-overflow-scrolling: touch;
1296 }
1297
1298 .fancybox-error {
1299 color: #444;
1300 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
1301 margin: 0;
1302 padding: 15px;
1303 white-space: nowrap;
1304 }
1305
1306 .fancybox-image, .fancybox-iframe {
1307 display: block;
1308 width: 100%;
1309 height: 100%;
1310 }
1311
1312 .fancybox-image {
1313 max-width: 100%;
1314 max-height: 100%;
1315 }
1316
1317 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
1318 background-image: url('Image/fancybox_sprite.png');
1319 }
1320
1321 #fancybox-loading {
1322 position: fixed;
1323 top: 50%;
1324 left: 50%;
1325 margin-top: -22px;
1326 margin-left: -22px;
1327 background-position: 0 -108px;
1328 opacity: 0.8;
1329 cursor: pointer;
1330 z-index: 8060;
1331 }
1332
1333 #fancybox-loading div {
1334 width: 44px;
1335 height: 44px;
1336 background: url('Image/fancybox_loading.gif') center center no-repeat;
1337 }
1338
1339 .fancybox-close {
1340 position: absolute;
1341 top: -18px;
1342 right: -18px;
1343 width: 36px;
1344 height: 36px;
1345 cursor: pointer;
1346 z-index: 8040;
1347 }
1348
1349 .fancybox-nav {
1350 position: absolute;
1351 top: 0;
1352 width: 40%;
1353 height: 100%;
1354 cursor: pointer;
1355 text-decoration: none;
1356 background: transparent url('Image/blank.gif'); /* helps IE */
1357 -webkit-tap-highlight-color: rgba(0,0,0,0);
1358 z-index: 8040;
1359 }
1360
1361 .fancybox-prev {
1362 left: 0;
1363 }
1364
1365 .fancybox-next {
1366 right: 0;
1367 }
1368
1369 .fancybox-nav span {
1370 position: absolute;
1371 top: 50%;
1372 width: 36px;
1373 height: 34px;
1374 margin-top: -18px;
1375 cursor: pointer;
1376 z-index: 8040;
1377 visibility: hidden;
1378 }
1379
1380 .fancybox-prev span {
1381 left: 10px;
1382 background-position: 0 -36px;
1383 }
1384
1385 .fancybox-next span {
1386 right: 10px;
1387 background-position: 0 -72px;
1388 }
1389
1390 .fancybox-nav:hover span {
1391 visibility: visible;
1392 }
1393
1394 .fancybox-tmp {
1395 position: absolute;
1396 top: -99999px;
1397 left: -99999px;
1398 visibility: hidden;
1399 max-width: 99999px;
1400 max-height: 99999px;
1401 overflow: visible !important;
1402 }
1403
1404 /* Overlay helper */
1405
1406 .fancybox-lock {
1407 overflow: hidden !important;
1408 width: auto;
1409 }
1410
1411 .fancybox-lock body {
1412 overflow: hidden !important;
1413 }
1414
1415 .fancybox-lock-test {
1416 overflow-y: hidden !important;
1417 }
1418
1419 .fancybox-overlay {
1420 position: absolute;
1421 top: 0;
1422 left: 0;
1423 overflow: hidden;
1424 display: none;
1425 z-index: 8010;
1426 background: url('Image/fancybox_overlay.png');
1427 }
1428
1429 .fancybox-overlay-fixed {
1430 position: fixed;
1431 bottom: 0;
1432 right: 0;
1433 }
1434
1435 .fancybox-lock .fancybox-overlay {
1436 overflow: auto;
1437 overflow-y: scroll;
1438 }
1439
1440 /* Title helper */
1441
1442 .fancybox-title {
1443 visibility: hidden;
1444 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
1445 position: relative;
1446 text-shadow: none;
1447 z-index: 8050;
1448 }
1449
1450 .fancybox-opened .fancybox-title {
1451 visibility: visible;
1452 }
1453
1454 .fancybox-title-float-wrap {
1455 position: absolute;
1456 bottom: 0;
1457 right: 50%;
1458 margin-bottom: -35px;
1459 z-index: 8050;
1460 text-align: center;
1461 }
1462
1463 .fancybox-title-float-wrap .child {
1464 display: inline-block;
1465 margin-right: -100%;
1466 padding: 2px 20px;
1467 background: transparent; /* Fallback for web browsers that doesn't support RGBa */
1468 background: rgba(0, 0, 0, 0.8);
1469 -webkit-border-radius: 15px;
1470 -moz-border-radius: 15px;
1471 border-radius: 15px;
1472 text-shadow: 0 1px 2px #222;
1473 color: #FFF;
1474 font-weight: bold;
1475 line-height: 24px;
1476 white-space: nowrap;
1477 }
1478
1479 .fancybox-title-outside-wrap {
1480 position: relative;
1481 margin-top: 10px;
1482 color: #fff;
1483 }
1484
1485 .fancybox-title-inside-wrap {
1486 padding-top: 10px;
1487 }
1488
1489 .fancybox-title-over-wrap {
1490 position: absolute;
1491 bottom: 0;
1492 left: 0;
1493 color: #fff;
1494 padding: 10px;
1495 background: #000;
1496 background: rgba(0, 0, 0, .8);
1497 }
1498
1499 /*Retina graphics!*/
1500 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
1501 only screen and (min--moz-device-pixel-ratio: 1.5),
1502 only screen and (min-device-pixel-ratio: 1.5){
1503
1504 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
1505 background-image: url('Image/fancybox_sprite@2x.png');
1506 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
1507 }
1508
1509 #fancybox-loading div {
1510 background-image: url('Image/fancybox_loading@2x.gif');
1511 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
1512 }
1513 }
1514 /*========================================= JQUERY UI ===============================*/
1515 /* Layout helpers
1516 ----------------------------------*/
1517 .ui-helper-hidden {
1518 display: none;
1519 }
1520 .ui-helper-hidden-accessible {
1521 border: 0;
1522 clip: rect(0 0 0 0);
1523 height: 1px;
1524 margin: -1px;
1525 overflow: hidden;
1526 padding: 0;
1527 position: absolute;
1528 width: 1px;
1529 }
1530 .ui-helper-reset {
1531 margin: 0;
1532 padding: 0;
1533 border: 0;
1534 outline: 0;
1535 line-height: 1.3;
1536 text-decoration: none;
1537 font-size: 100%;
1538 list-style: none;
1539 }
1540 .ui-helper-clearfix:before,
1541 .ui-helper-clearfix:after {
1542 content: "";
1543 display: table;
1544 border-collapse: collapse;
1545 }
1546 .ui-helper-clearfix:after {
1547 clear: both;
1548 }
1549 .ui-helper-clearfix {
1550 min-height: 0; /* support: IE7 */
1551 }
1552 .ui-helper-zfix {
1553 width: 100%;
1554 height: 100%;
1555 top: 0;
1556 left: 0;
1557 position: absolute;
1558 opacity: 0;
1559 filter:Alpha(Opacity=0);
1560 }
1561
1562 .ui-front {
1563 z-index: 100;
1564 }
1565
1566
1567 /* Interaction Cues
1568 ----------------------------------*/
1569 .ui-state-disabled {
1570 cursor: default !important;
1571 }
1572
1573
1574 /* Icons
1575 ----------------------------------*/
1576
1577 /* states and images */
1578 .ui-icon {
1579 display: block;
1580 text-indent: -99999px;
1581 overflow: hidden;
1582 background-repeat: no-repeat;
1583 }
1584
1585
1586 /* Misc visuals
1587 ----------------------------------*/
1588
1589 /* Overlays */
1590 .ui-widget-overlay {
1591 position: fixed;
1592 top: 0;
1593 left: 0;
1594 width: 100%;
1595 height: 100%;
1596 }
1597 .ui-datepicker {
1598 width: 17em;
1599 padding: .2em .2em 0;
1600 display: none;
1601 }
1602 .ui-datepicker .ui-datepicker-header {
1603 position: relative;
1604 padding: .2em 0;
1605 }
1606 .ui-datepicker .ui-datepicker-prev,
1607 .ui-datepicker .ui-datepicker-next {
1608 position: absolute;
1609 top: 2px;
1610 width: 1.8em;
1611 height: 1.8em;
1612 }
1613 .ui-datepicker .ui-datepicker-prev-hover,
1614 .ui-datepicker .ui-datepicker-next-hover {
1615 top: 1px;
1616 }
1617 .ui-datepicker .ui-datepicker-prev {
1618 left: 2px;
1619 }
1620 .ui-datepicker .ui-datepicker-next {
1621 right: 2px;
1622 }
1623 .ui-datepicker .ui-datepicker-prev-hover {
1624 left: 1px;
1625 }
1626 .ui-datepicker .ui-datepicker-next-hover {
1627 right: 1px;
1628 }
1629 .ui-datepicker .ui-datepicker-prev span,
1630 .ui-datepicker .ui-datepicker-next span {
1631 display: block;
1632 position: absolute;
1633 left: 50%;
1634 margin-left: -8px;
1635 top: 50%;
1636 margin-top: -8px;
1637 }
1638 .ui-datepicker .ui-datepicker-title {
1639 margin: 0 2.3em;
1640 line-height: 1.8em;
1641 text-align: center;
1642 }
1643 .ui-datepicker .ui-datepicker-title select {
1644 font-size: 1em;
1645 margin: 1px 0;
1646 }
1647 .ui-datepicker select.ui-datepicker-month-year {
1648 width: 100%;
1649 }
1650 .ui-datepicker select.ui-datepicker-month,
1651 .ui-datepicker select.ui-datepicker-year {
1652 width: 49%;
1653 }
1654 .ui-datepicker table {
1655 width: 100%;
1656 font-size: .9em;
1657 border-collapse: collapse;
1658 margin: 0 0 .4em;
1659 }
1660 .ui-datepicker th {
1661 padding: .7em .3em;
1662 text-align: center;
1663 font-weight: bold;
1664 border: 0;
1665 }
1666 .ui-datepicker td {
1667 border: 0;
1668 padding: 1px;
1669 }
1670 .ui-datepicker td span,
1671 .ui-datepicker td a {
1672 display: block;
1673 padding: .2em;
1674 text-align: right;
1675 text-decoration: none;
1676 }
1677 .ui-datepicker .ui-datepicker-buttonpane {
1678 background-image: none;
1679 margin: .7em 0 0 0;
1680 padding: 0 .2em;
1681 border-left: 0;
1682 border-right: 0;
1683 border-bottom: 0;
1684 }
1685 .ui-datepicker .ui-datepicker-buttonpane button {
1686 float: right;
1687 margin: .5em .2em .4em;
1688 cursor: pointer;
1689 padding: .2em .6em .3em .6em;
1690 width: auto;
1691 overflow: visible;
1692 }
1693 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
1694 float: left;
1695 }
1696
1697 /* with multiple calendars */
1698 .ui-datepicker.ui-datepicker-multi {
1699 width: auto;
1700 }
1701 .ui-datepicker-multi .ui-datepicker-group {
1702 float: left;
1703 }
1704 .ui-datepicker-multi .ui-datepicker-group table {
1705 width: 95%;
1706 margin: 0 auto .4em;
1707 }
1708 .ui-datepicker-multi-2 .ui-datepicker-group {
1709 width: 50%;
1710 }
1711 .ui-datepicker-multi-3 .ui-datepicker-group {
1712 width: 33.3%;
1713 }
1714 .ui-datepicker-multi-4 .ui-datepicker-group {
1715 width: 25%;
1716 }
1717 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
1718 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
1719 border-left-width: 0;
1720 }
1721 .ui-datepicker-multi .ui-datepicker-buttonpane {
1722 clear: left;
1723 }
1724 .ui-datepicker-row-break {
1725 clear: both;
1726 width: 100%;
1727 font-size: 0;
1728 }
1729
1730 /* RTL support */
1731 .ui-datepicker-rtl {
1732 direction: rtl;
1733 }
1734 .ui-datepicker-rtl .ui-datepicker-prev {
1735 right: 2px;
1736 left: auto;
1737 }
1738 .ui-datepicker-rtl .ui-datepicker-next {
1739 left: 2px;
1740 right: auto;
1741 }
1742 .ui-datepicker-rtl .ui-datepicker-prev:hover {
1743 right: 1px;
1744 left: auto;
1745 }
1746 .ui-datepicker-rtl .ui-datepicker-next:hover {
1747 left: 1px;
1748 right: auto;
1749 }
1750 .ui-datepicker-rtl .ui-datepicker-buttonpane {
1751 clear: right;
1752 }
1753 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
1754 float: left;
1755 }
1756 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
1757 .ui-datepicker-rtl .ui-datepicker-group {
1758 float: right;
1759 }
1760 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
1761 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
1762 border-right-width: 0;
1763 border-left-width: 1px;
1764 }
1765
1766 /* Component containers
1767 ----------------------------------*/
1768 .ui-widget {
1769 font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
1770 font-size: 1.1em;
1771 }
1772 .ui-widget .ui-widget {
1773 font-size: 1em;
1774 }
1775 .ui-widget input,
1776 .ui-widget select,
1777 .ui-widget textarea,
1778 .ui-widget button {
1779 font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
1780 font-size: 1em;
1781 }
1782 .ui-widget-content {
1783 border: 1px solid #dddddd;
1784 background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
1785 color: #333333;
1786 }
1787 .ui-widget-content a {
1788 color: #333333;
1789 }
1790 .ui-widget-header {
1791 border: 1px solid #e78f08;
1792 background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
1793 color: #ffffff;
1794 font-weight: bold;
1795 }
1796 .ui-widget-header a {
1797 color: #ffffff;
1798 }
1799
1800 /* Interaction states
1801 ----------------------------------*/
1802 .ui-state-default,
1803 .ui-widget-content .ui-state-default,
1804 .ui-widget-header .ui-state-default {
1805 border: 1px solid #cccccc;
1806 background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
1807 font-weight: bold;
1808 color: #1c94c4;
1809 }
1810 .ui-state-default a,
1811 .ui-state-default a:link,
1812 .ui-state-default a:visited {
1813 color: #1c94c4;
1814 text-decoration: none;
1815 }
1816 .ui-state-hover,
1817 .ui-widget-content .ui-state-hover,
1818 .ui-widget-header .ui-state-hover,
1819 .ui-state-focus,
1820 .ui-widget-content .ui-state-focus,
1821 .ui-widget-header .ui-state-focus {
1822 border: 1px solid #fbcb09;
1823 background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
1824 font-weight: bold;
1825 color: #c77405;
1826 }
1827 .ui-state-hover a,
1828 .ui-state-hover a:hover,
1829 .ui-state-hover a:link,
1830 .ui-state-hover a:visited {
1831 color: #c77405;
1832 text-decoration: none;
1833 }
1834 .ui-state-active,
1835 .ui-widget-content .ui-state-active,
1836 .ui-widget-header .ui-state-active {
1837 border: 1px solid #fbd850;
1838 background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
1839 font-weight: bold;
1840 color: #eb8f00;
1841 }
1842 .ui-state-active a,
1843 .ui-state-active a:link,
1844 .ui-state-active a:visited {
1845 color: #eb8f00;
1846 text-decoration: none;
1847 }
1848
1849 /* Interaction Cues
1850 ----------------------------------*/
1851 .ui-state-highlight,
1852 .ui-widget-content .ui-state-highlight,
1853 .ui-widget-header .ui-state-highlight {
1854 border: 1px solid #fed22f;
1855 background: #ffe45c url(Image/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
1856 color: #363636;
1857 }
1858 .ui-state-highlight a,
1859 .ui-widget-content .ui-state-highlight a,
1860 .ui-widget-header .ui-state-highlight a {
1861 color: #363636;
1862 }
1863 .ui-state-error,
1864 .ui-widget-content .ui-state-error,
1865 .ui-widget-header .ui-state-error {
1866 border: 1px solid #cd0a0a;
1867 background: #b81900 url(Image/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
1868 color: #ffffff;
1869 }
1870 .ui-state-error a,
1871 .ui-widget-content .ui-state-error a,
1872 .ui-widget-header .ui-state-error a {
1873 color: #ffffff;
1874 }
1875 .ui-state-error-text,
1876 .ui-widget-content .ui-state-error-text,
1877 .ui-widget-header .ui-state-error-text {
1878 color: #ffffff;
1879 }
1880 .ui-priority-primary,
1881 .ui-widget-content .ui-priority-primary,
1882 .ui-widget-header .ui-priority-primary {
1883 font-weight: bold;
1884 }
1885 .ui-priority-secondary,
1886 .ui-widget-content .ui-priority-secondary,
1887 .ui-widget-header .ui-priority-secondary {
1888 opacity: .7;
1889 filter:Alpha(Opacity=70);
1890 font-weight: normal;
1891 }
1892 .ui-state-disabled,
1893 .ui-widget-content .ui-state-disabled,
1894 .ui-widget-header .ui-state-disabled {
1895 opacity: .35;
1896 filter:Alpha(Opacity=35);
1897 background-image: none;
1898 }
1899 .ui-state-disabled .ui-icon {
1900 filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
1901 }
1902
1903 /* Icons
1904 ----------------------------------*/
1905
1906 /* states and images */
1907 .ui-icon {
1908 width: 16px;
1909 height: 16px;
1910 }
1911 .ui-icon,
1912 .ui-widget-content .ui-icon {
1913 background-image: url(Image/ui-icons_222222_256x240.png);
1914 }
1915 .ui-widget-header .ui-icon {
1916 background-image: url(Image/ui-icons_ffffff_256x240.png);
1917 }
1918 .ui-state-default .ui-icon {
1919 background-image: url(Image/ui-icons_ef8c08_256x240.png);
1920 }
1921 .ui-state-hover .ui-icon,
1922 .ui-state-focus .ui-icon {
1923 background-image: url(Image/ui-icons_ef8c08_256x240.png);
1924 }
1925 .ui-state-active .ui-icon {
1926 background-image: url(Image/ui-icons_ef8c08_256x240.png);
1927 }
1928 .ui-state-highlight .ui-icon {
1929 background-image: url(Image/ui-icons_228ef1_256x240.png);
1930 }
1931 .ui-state-error .ui-icon,
1932 .ui-state-error-text .ui-icon {
1933 background-image: url(Image/ui-icons_ffd27a_256x240.png);
1934 }
1935
1936 /* positioning */
1937 .ui-icon-blank { background-position: 16px 16px; }
1938 .ui-icon-carat-1-n { background-position: 0 0; }
1939 .ui-icon-carat-1-ne { background-position: -16px 0; }
1940 .ui-icon-carat-1-e { background-position: -32px 0; }
1941 .ui-icon-carat-1-se { background-position: -48px 0; }
1942 .ui-icon-carat-1-s { background-position: -64px 0; }
1943 .ui-icon-carat-1-sw { background-position: -80px 0; }
1944 .ui-icon-carat-1-w { background-position: -96px 0; }
1945 .ui-icon-carat-1-nw { background-position: -112px 0; }
1946 .ui-icon-carat-2-n-s { background-position: -128px 0; }
1947 .ui-icon-carat-2-e-w { background-position: -144px 0; }
1948 .ui-icon-triangle-1-n { background-position: 0 -16px; }
1949 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1950 .ui-icon-triangle-1-e { background-position: -32px -16px; }
1951 .ui-icon-triangle-1-se { background-position: -48px -16px; }
1952 .ui-icon-triangle-1-s { background-position: -64px -16px; }
1953 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1954 .ui-icon-triangle-1-w { background-position: -96px -16px; }
1955 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1956 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1957 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1958 .ui-icon-arrow-1-n { background-position: 0 -32px; }
1959 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1960 .ui-icon-arrow-1-e { background-position: -32px -32px; }
1961 .ui-icon-arrow-1-se { background-position: -48px -32px; }
1962 .ui-icon-arrow-1-s { background-position: -64px -32px; }
1963 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1964 .ui-icon-arrow-1-w { background-position: -96px -32px; }
1965 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1966 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1967 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1968 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1969 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1970 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1971 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1972 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1973 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1974 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1975 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1976 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1977 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1978 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1979 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1980 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1981 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1982 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1983 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1984 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1985 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1986 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1987 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1988 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1989 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1990 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1991 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1992 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1993 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1994 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1995 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1996 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1997 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1998 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1999 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
2000 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
2001 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
2002 .ui-icon-arrow-4 { background-position: 0 -80px; }
2003 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
2004 .ui-icon-extlink { background-position: -32px -80px; }
2005 .ui-icon-newwin { background-position: -48px -80px; }
2006 .ui-icon-refresh { background-position: -64px -80px; }
2007 .ui-icon-shuffle { background-position: -80px -80px; }
2008 .ui-icon-transfer-e-w { background-position: -96px -80px; }
2009 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
2010 .ui-icon-folder-collapsed { background-position: 0 -96px; }
2011 .ui-icon-folder-open { background-position: -16px -96px; }
2012 .ui-icon-document { background-position: -32px -96px; }
2013 .ui-icon-document-b { background-position: -48px -96px; }
2014 .ui-icon-note { background-position: -64px -96px; }
2015 .ui-icon-mail-closed { background-position: -80px -96px; }
2016 .ui-icon-mail-open { background-position: -96px -96px; }
2017 .ui-icon-suitcase { background-position: -112px -96px; }
2018 .ui-icon-comment { background-position: -128px -96px; }
2019 .ui-icon-person { background-position: -144px -96px; }
2020 .ui-icon-print { background-position: -160px -96px; }
2021 .ui-icon-trash { background-position: -176px -96px; }
2022 .ui-icon-locked { background-position: -192px -96px; }
2023 .ui-icon-unlocked { background-position: -208px -96px; }
2024 .ui-icon-bookmark { background-position: -224px -96px; }
2025 .ui-icon-tag { background-position: -240px -96px; }
2026 .ui-icon-home { background-position: 0 -112px; }
2027 .ui-icon-flag { background-position: -16px -112px; }
2028 .ui-icon-calendar { background-position: -32px -112px; }
2029 .ui-icon-cart { background-position: -48px -112px; }
2030 .ui-icon-pencil { background-position: -64px -112px; }
2031 .ui-icon-clock { background-position: -80px -112px; }
2032 .ui-icon-disk { background-position: -96px -112px; }
2033 .ui-icon-calculator { background-position: -112px -112px; }
2034 .ui-icon-zoomin { background-position: -128px -112px; }
2035 .ui-icon-zoomout { background-position: -144px -112px; }
2036 .ui-icon-search { background-position: -160px -112px; }
2037 .ui-icon-wrench { background-position: -176px -112px; }
2038 .ui-icon-gear { background-position: -192px -112px; }
2039 .ui-icon-heart { background-position: -208px -112px; }
2040 .ui-icon-star { background-position: -224px -112px; }
2041 .ui-icon-link { background-position: -240px -112px; }
2042 .ui-icon-cancel { background-position: 0 -128px; }
2043 .ui-icon-plus { background-position: -16px -128px; }
2044 .ui-icon-plusthick { background-position: -32px -128px; }
2045 .ui-icon-minus { background-position: -48px -128px; }
2046 .ui-icon-minusthick { background-position: -64px -128px; }
2047 .ui-icon-close { background-position: -80px -128px; }
2048 .ui-icon-closethick { background-position: -96px -128px; }
2049 .ui-icon-key { background-position: -112px -128px; }
2050 .ui-icon-lightbulb { background-position: -128px -128px; }
2051 .ui-icon-scissors { background-position: -144px -128px; }
2052 .ui-icon-clipboard { background-position: -160px -128px; }
2053 .ui-icon-copy { background-position: -176px -128px; }
2054 .ui-icon-contact { background-position: -192px -128px; }
2055 .ui-icon-image { background-position: -208px -128px; }
2056 .ui-icon-video { background-position: -224px -128px; }
2057 .ui-icon-script { background-position: -240px -128px; }
2058 .ui-icon-alert { background-position: 0 -144px; }
2059 .ui-icon-info { background-position: -16px -144px; }
2060 .ui-icon-notice { background-position: -32px -144px; }
2061 .ui-icon-help { background-position: -48px -144px; }
2062 .ui-icon-check { background-position: -64px -144px; }
2063 .ui-icon-bullet { background-position: -80px -144px; }
2064 .ui-icon-radio-on { background-position: -96px -144px; }
2065 .ui-icon-radio-off { background-position: -112px -144px; }
2066 .ui-icon-pin-w { background-position: -128px -144px; }
2067 .ui-icon-pin-s { background-position: -144px -144px; }
2068 .ui-icon-play { background-position: 0 -160px; }
2069 .ui-icon-pause { background-position: -16px -160px; }
2070 .ui-icon-seek-next { background-position: -32px -160px; }
2071 .ui-icon-seek-prev { background-position: -48px -160px; }
2072 .ui-icon-seek-end { background-position: -64px -160px; }
2073 .ui-icon-seek-start { background-position: -80px -160px; }
2074 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
2075 .ui-icon-seek-first { background-position: -80px -160px; }
2076 .ui-icon-stop { background-position: -96px -160px; }
2077 .ui-icon-eject { background-position: -112px -160px; }
2078 .ui-icon-volume-off { background-position: -128px -160px; }
2079 .ui-icon-volume-on { background-position: -144px -160px; }
2080 .ui-icon-power { background-position: 0 -176px; }
2081 .ui-icon-signal-diag { background-position: -16px -176px; }
2082 .ui-icon-signal { background-position: -32px -176px; }
2083 .ui-icon-battery-0 { background-position: -48px -176px; }
2084 .ui-icon-battery-1 { background-position: -64px -176px; }
2085 .ui-icon-battery-2 { background-position: -80px -176px; }
2086 .ui-icon-battery-3 { background-position: -96px -176px; }
2087 .ui-icon-circle-plus { background-position: 0 -192px; }
2088 .ui-icon-circle-minus { background-position: -16px -192px; }
2089 .ui-icon-circle-close { background-position: -32px -192px; }
2090 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
2091 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
2092 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
2093 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
2094 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
2095 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
2096 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
2097 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
2098 .ui-icon-circle-zoomin { background-position: -176px -192px; }
2099 .ui-icon-circle-zoomout { background-position: -192px -192px; }
2100 .ui-icon-circle-check { background-position: -208px -192px; }
2101 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
2102 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
2103 .ui-icon-circlesmall-close { background-position: -32px -208px; }
2104 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
2105 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
2106 .ui-icon-squaresmall-close { background-position: -80px -208px; }
2107 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
2108 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
2109 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
2110 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
2111 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
2112 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
2113
2114
2115 /* Misc visuals
2116 ----------------------------------*/
2117
2118 /* Corner radius */
2119 .ui-corner-all,
2120 .ui-corner-top,
2121 .ui-corner-left,
2122 .ui-corner-tl {
2123 border-top-left-radius: 4px;
2124 }
2125 .ui-corner-all,
2126 .ui-corner-top,
2127 .ui-corner-right,
2128 .ui-corner-tr {
2129 border-top-right-radius: 4px;
2130 }
2131 .ui-corner-all,
2132 .ui-corner-bottom,
2133 .ui-corner-left,
2134 .ui-corner-bl {
2135 border-bottom-left-radius: 4px;
2136 }
2137 .ui-corner-all,
2138 .ui-corner-bottom,
2139 .ui-corner-right,
2140 .ui-corner-br {
2141 border-bottom-right-radius: 4px;
2142 }
2143
2144 /* Overlays */
2145 .ui-widget-overlay {
2146 background: #666666 url(Image/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
2147 opacity: .5;
2148 filter: Alpha(Opacity=50);
2149 }
2150 .ui-widget-shadow {
2151 margin: -5px 0 0 -5px;
2152 padding: 5px;
2153 background: #000000 url(Image/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
2154 opacity: .2;
2155 filter: Alpha(Opacity=20);
2156 border-radius: 5px;
2157 }
2158
2159
2160 .ui-datepicker-trigger {
2161 vertical-align:bottom;
2162 cursor:pointer;
2163 }
2164
2165 /*========================================= Thay doi giao dien ===============================*/
2166
2167 .div_contain_templates{
2168 width:100%;
2169 float:left;
2170 }
2171
2172 .div_contain_templates .div_content_skin{
2173 float:left;
2174 width:100%;
2175 }
2176
2177 .div_contain_templates .div_content_skin .p_title{
2178 font-size:10pt;
2179 font-weight:bold;
2180 line-height:30px;
2181 margin:0;
2182 padding:0;
2183 background:#356384;
2184 color:#FFF;
2185 }
2186
2187 .div_contain_templates .div_content_skin .div_image{
2188 *float:left;
2189 margin:10px 20px 0px 0px;
2190 width:160px;
2191 height:184px;
2192 }
2193
2194 .div_contain_templates .div_content_skin .div_image img{
2195 border:none;
2196 width:160px;
2197 height:160px;
2198 }
2199
2200 .div_contain_templates .div_content_skin .div_image a{
2201 height:24px;
2202 line-height:24px;
2203 background:#3f89c3;
2204 color:#FFFFFF;
2205 font-weight:bold;
2206 display:block;
2207 text-align:center;
2208 text-decoration:underline;
2209 }
2210
2211 .div_contain_templates .div_content_skin .div_image a:hover{
2212 text-decoration:none;
2213 }
2214
2215 .div_contain_templates .div_content_skin .div_detail{
2216 float:left;
2217 width:600px;
2218 margin-top:10px;
2219 }
2220
2221 .div_contain_templates .div_content_skin .div_template{
2222 width:220px;
2223 height:286px;
2224 margin:20px 0px 0px 28px;
2225 border:1px solid #999;
2226 float:left;
2227 }
2228
2229 .div_contain_templates .div_content_skin .div_template h3{
2230 font-size:12pt;
2231 font-weight:bold;
2232 text-align:center;
2233 line-height:26px;
2234 margin:0;
2235 }
2236
2237 .div_contain_templates .div_content_skin .div_template h4{
2238 font-weight:bold;
2239 font-style:italic;
2240 text-align:center;
2241 line-height:20px;
2242 margin:0 0 5px 0;
2243 }
2244
2245 .div_contain_templates .div_content_skin .div_template img{
2246 width:160px;
2247 height:160px;
2248 margin:0px 30px;
2249 }
2250
2251 .div_contain_templates .div_content_skin .div_template a{
2252 height:24px;
2253 line-height:24px;
2254 background:#3f89c3;
2255 color:#FFFFFF;
2256 font-weight:bold;
2257 margin:0px 30px;
2258 display:block;
2259 text-align:center;
2260 margin-bottom:5px;
2261 text-decoration:underline;
2262 }
2263
2264 .div_contain_templates .div_content_skin .div_template a:hover{
2265 text-decoration:none;
2266 }
2 padding: 0;
3 margin: 0;
4 height:auto;
5 font-family:Arial, Tahoma, Helvetica, sans-serif;
6 font-size:12px;
7 background: #FFF;
8 color:#111;
9 min-width:1000px;
10 }
11
12
13 select{
14 padding:2px;
15 margin:0;
16 }
17
18
19
20 input[type="text"]:hover, input[type="password"]:hover, textarea:hover{
21 -moz-border-bottom-colors: none;
22 -moz-border-image: none;
23 -moz-border-left-colors: none;
24 -moz-border-right-colors: none;
25 -moz-border-top-colors: none;
26 border-color: #A0A0A0 #bababa #bababa;
27 border-right: 1px solid #bababa;
28 border-style: solid;
29 border-width: 1px;
30 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
31 }
32
33 input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
34 border: 1px solid #0094da;
35 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
36 outline: medium none;
37 }
38
39
40 a{
41 color:#111;
42 text-decoration:none;
43 }
44
45 a:hover{
46 color:#0072c6;
47 text-decoration:underline;
48 }
49
50 img{
51 border:none;
52 }
53
54 .div_clear{
55 clear:both;
56 }
57
58 .spanLyDoViPham {
59 color:#F00;
60 font-style:italic;
61 }
62
63 /*====================================Button===================================*/
64 .a_btn,
65 .a_btn_large{
66 float:right;
67 -moz-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
68 background-color:#357ae8;
69 border: 1px solid #4d90fe;
70 cursor: pointer !important;
71 color:#FFF;
72 padding:3px 12px;
73 line-height:15px;
74 font-size:110%;
75 margin-left:5px;
76 text-align:center;
77 white-space:nowrap;
78 }
79
80 .a_btn:hover,
81 .a_btn_large:hover{
82 background-color: #0072c6;
83 border: 1px solid #4d90fe;
84 text-decoration:none;
85 color: #FFF;
86 }
87
88 .a_btn_large{
89 float:left;
90 padding:7px 15px;
91 margin-left:0;
92 }
93
94 /*========================== PAGE ===========================*/
95 #page_web{
96 width:100%;
97 height:auto;
98 }
99
100 #menu{
101 width:100%;
102 height:40px;
103 background:#0094da;
104 }
105
106 #path{
107 width:100%;
108 height:30px;
109 border-bottom:1px solid #dfdfdf;
110 }
111
112 #command{
113 width:100%;
114 border-bottom:1px solid #dfdfdf;
115 }
116
117 #content{
118 width:100%;
119 }
120
121 #webpage_scroll{
122 width:100%;
123 display:block;
124 position: relative;
125 overflow-y: scroll;
126 }
127
128 #copyright{
129 width:100%;
130 border-top:1px solid #dfdfdf;
131 }
132
133 .div_content{
134 margin:10px;
135 }
136
137 .div_content_manage{
138 float: left;
139 width:100%;
140 height:auto;
141 display:block;
142 margin:10px 0;
143 }
144
145 .div_multi_language{
146 float:left;
147 width:100%;
148 margin-top:10px;
149 }
150
151 /*========================== MAIN ===========================*/
152 .div_left{
153 float:left;
154 width:28%;
155 min-height:450px;
156 background:#f3f3f3;
157 padding:0 10px;
158 }
159
160 .div_right{
161 float:left;
162 width:70%;
163 }
164
165 /*========================== LOGO ===========================*/
166 .div_logo{
167 float:left;
168 width:141px;
169 height:34px;
170 padding:3px 0 3px 3px;
171 }
172
173 .div_logo a{
174 position: relative;
175 display: block;
176 background: url(Image/logoquantri.png) no-repeat;
177 height: 40px;
178 margin-top: -3px;
179 margin-left: -3px;
180 }
181
182 /*==============================MENU TOP=======================================*/
183 #mnu_top {
184 float:left;
185 list-style:none;
186 margin:0;
187 padding:0;
188 }
189 #mnu_top li.top {
190 float:left;
191 display:block;
192 height:40px;
193 text-align:center;
194 padding:0 10px;
195 }
196
197 #mnu_top li.top:hover{
198 background:#0072c6;
199 }
200
201 #mnu_top li a.top_link {
202 color:#FFF;
203 font-weight:bold;
204 display:block;
205 padding:10px 3px;
206 text-decoration:none;
207 line-height:20px;
208 z-index:99999;
209 white-space:nowrap;
210 }
211
212 #mnu_top li a.top_link.parent{
213 padding-right:12px;
214 background:url(Image/icon_menu_parent.png) no-repeat right center;
215 }
216
217 /* Default list styling */
218 #mnu_top li:hover {
219 position:relative;
220 z-index:200;
221 }
222
223 #mnu_top li:hover ul.sub{
224 left:0;
225 top:40px;
226 width:200px;
227 height:auto;
228 z-index:300;
229 border-left:2px solid #0094da;
230 border-right:2px solid #0094da;
231 border-bottom:2px solid #0094da;
232 background:#FFF;
233 padding:5px 0;
234 }
235
236 #mnu_top li:hover ul.sub li{
237 float:left;
238 position:relative;
239 }
240
241 #mnu_top li:hover ul.sub li a{
242 display:block;
243 font-weight:bold;
244 width:180px;
245 line-height:18px;
246 padding:6px 10px;
247 text-align:left;
248 border-top:1px solid #dfdfdf;
249 }
250
251 #mnu_top li:hover ul.sub li a.first{
252 border-top:none;
253 }
254
255 #mnu_top li:hover ul.sub li a:hover{
256 color:#111;
257 background:#f1f1f1;
258 text-decoration:none;
259 }
260
261 #mnu_top li:hover ul.sub li a span{
262 display:block;
263 line-height:14px;
264 color: #333;
265 font-size:90%;
266 text-align:justify;
267 font-weight:normal;
268 }
269
270 #mnu_top li:hover ul.sub li a span.warningsupport{
271 color:#00C;
272 }
273
274 #mnu_top li:hover ul.sub li a span.warninguse{
275 color:#F00;
276 }
277
278 #mnu_top ul{
279 position:absolute;
280 left:-9999px;
281 top:-9999px;
282 width:0;
283 height:0;
284 margin:0;
285 padding:0;
286 list-style:none;
287 }
288
289 /*==============================USER=======================================*/
290 .div_user{
291 float:right;
292 height:40px;
293 padding:0 10px;
294 margin-right:10px;
295 }
296
297 .div_user:hover,
298 .div_user.selected{
299 background:#0072c6;
300 }
301
302 .div_user .a_top{
303 color:#FFF;
304 font-size:90%;
305 display:block;
306 padding:10px 28px 10px 3px;
307 text-decoration:none;
308 line-height:20px;
309 z-index:99999;
310 background:url(Image/icon_user.png) no-repeat right center;
311 white-space:nowrap;
312 }
313
314 .div_user .a_top2{
315 color:#FFF;
316 font-size:90%;
317 display:block;
318 padding:10px 28px 10px 3px;
319 text-decoration:none;
320 line-height:20px;
321 z-index:99999;
322 background:url(Image/delete.png) no-repeat right center;
323 white-space:nowrap;
324 }
325
326
327 .div_user_content{
328 position:absolute;
329 top:40px;
330 right:10px;
331 width:380px;
332 height:140px;
333 border-left:2px solid #0094da;
334 border-right:2px solid #0094da;
335 border-bottom:2px solid #0094da;
336 background:#f9f9f9;
337 z-index:9999;
338 }
339
340 .div_user_content.hidden{
341 visibility:hidden;
342 }
343
344 /*======================INFORMATION USER======================*/
345 .div_user_image{
346 float:left;
347 width:100px;
348 height:100px;
349 margin:19px;
350 border:1px solid #dfdfdf;
351 }
352
353 .div_user_image img{
354 max-width:100px;
355 max-height:100px;
356 }
357
358 .div_user_info{
359 float:left;
360 width:220px;
361 margin:20px 0;
362 }
363
364 .div_user_info .p_user_fullname,
365 .div_user_info .p_user_email{
366 padding:0;
367 margin:0;
368 line-height:20px;
369 color:#666;
370 text-align:left;
371 }
372
373 .div_user_info .p_user_fullname{
374 font-weight:bold;
375 color:#111;
376 font-size:110%;
377 }
378
379 /*====================================PATH===================================*/
380 .ul_path {
381 float:left;
382 padding: 0;
383 list-style: none;
384 margin:5px 0 0 10px;
385 }
386
387 .ul_path li{
388 float:left;
389 margin:0;
390 color:#005FA3;
391 line-height:20px;
392 white-space:nowrap;
393 }
394
395 .ul_path li.current{
396 font-weight:bold;
397 }
398
399 .ul_path li span{
400 float:left;
401 padding:0 5px;
402 }
403
404 .ul_path li a{
405 float:left;
406 display:block;
407 text-decoration:none;
408 }
409
410 .ul_path li a:hover{
411 text-decoration:underline;
412 }
413
414 /*====================================VIEW WEBSITE===================================*/
415 .div_view_website{
416 float:right;
417 width:300px;
418 height:30px;
419 }
420
421 .div_view_website .div_view_website_icon{
422 float:left;
423 margin:7px;
424 width:16px;
425 height:16px;
426 }
427
428 .div_view_website a{
429 float:left;
430 font-weight:bold;
431 line-height:30px;
432 white-space:nowrap;
433 }
434
435 .p_copyright{
436 text-align:center;
437 color:#666;
438 padding:0;
439 margin:5px 0 0 0;
440 line-height:16px;
441 width:100%;
442 font-size:90%;
443 }
444
445 /*========================== STICKY HEADER ===========================*/
446 .sticky-command{
447 background:#FFF;
448 }
449
450 .sticky-command.stuck{
451 position:fixed;
452 _position:absolute;
453 top:0;
454 background:#0094da;
455 z-index:300;
456 }
457
458 .sticky-command.stuck .span_tieude{
459 color:#FFF;
460 }
461
462 .sticky-command.stuck .div_command{
463 border-color:#0183c1;
464 }
465
466 /*============================COMMAND============================*/
467 .span_tieude{
468 float:left;
469 padding:0;
470 margin:0;
471 line-height:50px;
472 color:#0B55C4;
473 font-size:140%;
474 font-weight:bold;
475 text-indent:10px;
476 white-space:nowrap;
477 }
478
479 .div_command{
480 float:right;
481 height:20px;
482 margin:9px 6px 9px 0;
483 padding:5px 10px 5px 5px;
484 cursor:pointer;
485 border:1px solid #c6c6c6;
486 background:#f1f1f1;
487 }
488
489 .div_command:hover{
490 background:#dfdfdf;
491 border:1px solid #b8b7b7;
492 }
493
494 .div_command .div_command_icon{
495 float:left;
496 width:20px;
497 height:20px;
498 margin-right:3px;
499 }
500
501 .div_command .span_command_text{
502 float:left;
503 font-size:90%;
504 font-weight:bold;
505 line-height:20px;
506 text-align:left;
507 white-space:nowrap;
508 }
509
510 /*============================ICON============================*/
511 .div_icon{
512 width:20px;
513 height:20px;
514 float:left;
515 margin-left:5px;
516 }
517
518 .icon_new{
519 background:url(Image/icon.png) no-repeat 0 0;
520 }
521
522 .icon_copy{
523 background:url(Image/icon.png) no-repeat 0 -620px;
524 }
525
526 .icon_edit{
527 background:url(Image/icon.png) no-repeat 0 -20px;
528 }
529
530 .icon_save{
531 background:url(Image/icon.png) no-repeat 0 -40px;
532 }
533
534 .icon_delete{
535 background:url(Image/icon.png) no-repeat 0 -60px;
536 }
537
538 .icon_back{
539 background:url(Image/icon.png) no-repeat 0 -80px;
540 }
541
542 .icon_infor{
543 background:url(Image/icon.png) no-repeat 0 -100px;
544 }
545
546 .icon_cart{
547 background:url(Image/icon.png) no-repeat 0 -120px;
548 }
549
550 .icon_visible{
551 background:url(Image/icon.png) no-repeat 0 -140px;
552 }
553
554 .icon_hide{
555 background:url(Image/icon.png) no-repeat 0 -160px;
556 }
557
558 .icon_unread{
559 background:url(Image/icon.png) no-repeat 0 -180px;
560 }
561
562 .icon_read{
563 background:url(Image/icon.png) no-repeat 0 -200px;
564 }
565
566 .icon_paidorder{
567 background:url(Image/icon.png) no-repeat 0 -220px;
568 }
569
570 .icon_acceptmail{
571 background:url(Image/icon.png) no-repeat 0 -240px;
572 }
573
574 .icon_print{
575 background:url(Image/icon.png) no-repeat 0 -260px;
576 }
577
578 .icon_replymail{
579 background:url(Image/icon.png) no-repeat 0 -280px;
580 }
581
582 .icon_emptycart{
583 background:url(Image/icon.png) no-repeat 0 -300px;
584 }
585
586 .icon_uptop{
587 background:url(Image/icon.png) no-repeat 0 -320px;
588 }
589
590 .icon_pagedelete{
591 background:url(Image/icon.png) no-repeat 0 -340px;
592 }
593
594 .icon_active{
595 background:url(Image/icon.png) no-repeat 0 -360px;
596 }
597
598 .icon_lock{
599 background:url(Image/icon.png) no-repeat 0 -380px;
600 }
601
602 .icon_add{
603 background:url(Image/icon.png) no-repeat 0 -400px;
604 }
605
606 .icon_search{
607 background:url(Image/icon.png) no-repeat 0 -660px;
608 }
609 .icon_refresh{
610 background:url(Image/icon.png) no-repeat 0 -680px;
611 }
612 .icon_price{
613 background:url(Image/icon.png) no-repeat 0 -700px;
614 }
615 /*====================================Command 1===================================*/
616 .div_command_main{
617 float:left;
618 width:140px;
619 height:110px;
620 margin-left:12px;
621 margin-top:12px;
622 padding:10px;
623 cursor:pointer;
624 border:1px solid #e0e0e0;
625 background:#f9f9f9;
626 }
627
628 .div_command_main:hover{
629 background:#E2E2E2;
630 border:1px solid #9eccfb;
631 }
632
633 .div_command_main .div_command_main_icon{
634 width:64px;
635 height:64px;
636 margin:5px 0 6px 38px;
637 }
638
639 .div_command_main .p_command_main_text {
640 padding:0;
641 margin:0;
642 line-height:16px;
643 max-height:32px;
644 text-align:center;
645 color:#4b4c47;
646 }
647
648 .div_command_main .icon_addproduct{
649 background:url(Image/icon_command.png) no-repeat 0 0;
650 }
651
652 .div_command_main .icon_addnews{
653 background:url(Image/icon_command.png) no-repeat 0 -64px;
654 }
655
656 .div_command_main .icon_managepages{
657 background:url(Image/icon_command.png) no-repeat 0 -128px;
658 }
659
660 .div_command_main .icon_manageoders{
661 background:url(Image/icon_command.png) no-repeat 0 -192px;
662 }
663
664 .div_command_main .icon_inferface{
665 background:url(Image/icon_command.png) no-repeat 0 -256px;
666 }
667
668 .div_command_main .icon_updatelogo{
669 background:url(Image/icon_command.png) no-repeat 0 -320px;
670 }
671
672 .div_command_main .icon_updatebanner{
673 background:url(Image/icon_command.png) no-repeat 0 -384px;
674 }
675
676 .div_command_main .icon_configshop{
677 background:url(Image/icon_command.png) no-repeat 0 -448px;
678 }
679
680 .div_command_main .icon_moduleproduct{
681 background:url(Image/icon_command.png) no-repeat 0 -512px;
682 }
683
684 .div_command_main .icon_modulenews{
685 background:url(Image/icon_command.png) no-repeat 0 -576px;
686 }
687
688 .div_command_main .icon_adddomain{
689 background:url(Image/icon_command.png) no-repeat 0 -640px;
690 }
691
692 .div_command_main .icon_supportonline{
693 background:url(Image/icon_command.png) no-repeat 0 -704px;
694 }
695
696 /*========================== TITLE ===========================*/
697 .p_title_list{
698 float:left;
699 width:100%;
700 margin:20px 0 5px 0;
701 padding:0;
702 line-height:20px;
703 font-size:140%;
704 font-weight:bold;
705 color:#0072c6;
706 }
707
708 .div_line{
709 width:100%;
710 float:left;
711 margin-top:8px;
712 }
713
714 .div_line .div_line_img{
715 float:left;
716 width:16px;
717 height:16px;
718 margin-right:6px;
719 }
720
721 .div_line p{
722 margin:0;
723 padding:0;
724 line-height:18px;
725 }
726
727 .div_line .span_small{
728 line-height:18px;
729 font-size:90%;
730 font-style:italic;
731 color:#0072c6;
732 }
733
734 .div_line .span_special{
735 line-height:18px;
736 font-weight:bold;
737 color:#FF0000;
738 }
739
740 .div_line a{
741 font-weight:normal;
742 color:#005FA3;
743 font-style:italic;
744 margin-left:5px;
745 }
746
747 .div_line a:hover{
748 text-decoration:underline;
749 }
750
751 .div_line .div_line_img.shoppingcart{
752 background:url(Image/icon_small.png) 0 0px;
753 }
754
755 .div_line .div_line_img.contact{
756 background:url(Image/icon_small.png) 0 -16px;
757 }
758
759 .div_line .div_line_img.product{
760 background:url(Image/icon_small.png) 0 -32px;
761 }
762
763 .div_line .div_line_img.news{
764 background:url(Image/icon_small.png) 0 -48px;
765 }
766
767 .div_line .div_line_img.noice{
768 background:url(Image/icon_small.png) 0 -64px;
769 }
770
771 .div_line .div_line_img.nameshop{
772 background:url(Image/icon_small.png) 0 -80px;
773 }
774
775 .div_line .div_line_img.typeshop{
776 background:url(Image/icon_small.png) 0 -96px;
777 }
778
779 .div_line .div_line_img.date{
780 background:url(Image/icon_small.png) 0 -112px;
781 }
782
783 .div_line .div_line_img.gods{
784 background:url(Image/icon_small.png) 0 -128px;
785 }
786
787 /*========================== TITLE ===========================*/
788 .p_help_title{
789 float:left;
790 width:100%;
791 margin:20px 0 10px 0;
792 padding:0;
793 line-height:20px;
794 font-size:140%;
795 font-weight:bold;
796 color:#0072c6;
797 text-align:center;
798 }
799
800 .p_help_list {
801 float:left;
802 line-height:16px;
803 padding:5px 10px;
804 margin:0;
805 }
806
807 .p_help_list .s_circle{
808 background-image: url(Image/circle.png);
809 background-position: left center;
810 background-repeat: no-repeat;
811 color: #FFF;
812 display: inline-block;
813 height: 18px;
814 padding:0 6px;
815 font-weight:bold;
816 }
817
818 .p_help_list a{
819 margin-left:3px;
820 }
821 /*=================================== VIEW IMAGE ===================================*/
822 .div_img_view_content {
823 float:left;
824 width:100%;
825 }
826 .div_img_view {
827 float:left;
828 width:100px;
829 height:120px;
830 margin:10px 10px 0 0;
831 }
832
833 .div_img_view img {
834 width:100px;
835 height:100px;
836 border:1px solid #bababa;
837 }
838
839 .div_img_view input[type="radio"] {
840 margin: 0 3px 0 0;
841 }
842
843 .div_img_view a {
844 float:right;
845 text-decoration:underline;
846 font-weight:bold;
847 color:#F00;
848 }
849
850 .div_img_view a.a_center {
851 text-align:center;
852 width:100%;
853 }
854
855 /*=================================== GRID VIEW ====================================*/
856
857 /*====== HEADER =======*/
858 .GridView_TblHeader{
859 width:100%;
860 }
861 .GridView_TrHeader{
862 height:35px;
863 vertical-align:middle;
864 }
865 .GridView_TdHeaderSearchControl{
866 text-align:right;
867 white-space:nowrap;
868 }
869
870 .GridView_TxtSearch{
871 width:140px;
872 }
873
874 .GridView_CboColumnName{
875 width:125px;
876 }
877 .GridView_CboOrderColumn{
878 width:85px;
879 }
880
881 .GridView_Combobox{
882
883 }
884
885 /*====== TABLE MAIN =======*/
886 .GridView_TblMain{
887 border-right:solid 1px #dfdfdf;
888 border-bottom:solid 1px #dfdfdf;
889 width:100%;
890 }
891
892 .GridView_TrTitle{
893 background-color:#0094da;
894 height:35px;
895 }
896 .GridView_TdTitle{
897 vertical-align:middle;
898 color:#FFFFFF;
899 font-weight:bold;
900 text-align:center;
901 }
902 .GridView_TrData_1{
903 background-color:#FFF;
904 height:35px;
905 }
906
907 .GridView_TrData_2{
908 background-color:#f0eeee;
909 height:35px;
910 }
911
912 .GridView_TrData_1:hover, .GridView_TrData_2:hover{
913 background-color:#faf8b4;
914 height:35px;
915 }
916
917 .GridView_TrSelected{
918 background-color:#faf8b4;
919 height:35px;
920 }
921 .GridView_TdData{
922 text-align:left;
923 vertical-align:middle;
924 }
925 .GridView_TdDataCenter{
926 text-align:center;
927 }
928 .GridView_TdDataImportant
929 {
930 /*color:#0000FF;
931 text-decoration:underline;
932 cursor:pointer;*/
933 }
934
935 .GridView_aExecuteFunction{
936 color:#0B55C4;
937 text-decoration:underline;
938 cursor:pointer;
939 }
940
941 .GridView_aExecuteFunction:hover{
942 text-decoration:none;
943 }
944
945 .GridView_TrNotFoundData{
946 background-color:#F4F5F6;
947 height:35px;
948 }
949 .GridView_TdNotFoundData{
950 text-align:center;
951 font-weight:bold;
952 }
953 .GridView_TblMain Tr Td{
954 border-top:solid 1px #dfdfdf;
955 border-left:solid 1px #dfdfdf;
956 }
957
958 .GridView_Padding{
959 background-color: #0094da;
960 height: 35px;
961
962 }
963
964 /*====== FOOTER =======*/
965
966 .GridView_TblFooter{
967 width:100%;
968 }
969 .GridView_TrFooter{
970 height:40px;
971 vertical-align:middle;
972 }
973 .GridView_TdFooterFound{
974 text-align:left;
975 white-space:nowrap;
976 width:200px;
977 }
978 .GridView_TdFooterDisplay{
979 text-align:left;
980 white-space:nowrap;
981 width:200px;
982 }
983 .GridView_TdFooterPageNumber{
984 text-align:right;
985 white-space:nowrap;
986 }
987
988 .GridView_cboRowNumberDisplay{
989 width:75px;
990 }
991 .GridView_SpanTotalRow{
992 font-weight:bold;
993 color:red;
994 }
995
996 /*============================================= MANAGE FORM =================================*/
997 .ManageForm_Tbl
998 {
999 width:100%;
1000 border-spacing: 2px;
1001 }
1002 .ManageForm_Tbl tr th
1003 {
1004 font-size:12pt;
1005 text-align:left;
1006 color:#3B6097;
1007 font-weight:bold;
1008 vertical-align:middle;
1009 padding-left:20px;
1010 padding-bottom:5px;
1011 }
1012
1013 .ManageForm_TdGroup {
1014 text-align:left;
1015 font-size:120%;
1016 font-weight:bold;
1017 color:#FFF;
1018 background:#f7941d;
1019 vertical-align:middle;
1020 padding-left:10px;
1021 height:30px;
1022 }
1023
1024 .ManageForm_TdLabel
1025 {
1026 vertical-align:middle;
1027 text-align:right;
1028 width:150px;
1029 white-space:nowrap;
1030 background:#F6F6F6;
1031 border-bottom: 1px solid #E9E9E9;
1032 border-right: 1px solid #E9E9E9;
1033 padding-top:5px;
1034 padding-bottom:3px;
1035 padding-right:5px;
1036 }
1037 .ManageForm_TdControl
1038 {
1039 text-align:left;
1040 vertical-align:middle;
1041 padding-left:5px;
1042 padding-top:5px;
1043 padding-bottom:3px;
1044 }
1045 .ManageForm_TdMessage
1046 {
1047 color:Red;
1048 text-align:left;
1049 vertical-align:top;
1050 padding-top:5px;
1051 padding-left:10px;
1052 }
1053 .Required
1054 {
1055 color:Red;
1056 }
1057
1058 .ManageForm_TblFCK
1059 {
1060 }
1061 .ManageForm_TblFCK tr th
1062 {
1063 padding-bottom:0px;
1064 }
1065 .ManageForm_TblFCK tr td
1066 {
1067 padding:7px 5px 7px 20px;
1068 text-align:left;
1069 width:100%;
1070 font-weight:bold;
1071 }
1072
1073 /*===================================== NOI DUNG ======================================*/
1074 .NoiDung_Tbl
1075 {
1076 border:solid 1px #CCCCCC;
1077 padding-bottom: 10px;
1078 }
1079 .NoiDung_Tbl tr
1080 {
1081
1082 }
1083 .NoiDung_TdLabel
1084 {
1085 text-align:left;
1086 white-space:nowrap;
1087 }
1088 .NoiDung_TdContent
1089 {
1090 text-align:left;
1091 }
1092 .NoiDung_Tbl tr th
1093 {
1094 font-size:125%;
1095 text-align:center;
1096 color:White;
1097 font-weight:bold;
1098 vertical-align:middle;
1099 padding-bottom:5px;
1100 background-color:#0094da;
1101 }
1102 .DivMessage
1103 {
1104 color:Red;
1105 text-align:center;
1106 }
1107
1108 /*============================== CHECKBOX LIST =========================================*/
1109 .CheckboxListTable
1110 {
1111 font-family:Arial, Tahoma;
1112 font-size:10pt;
1113 width:100%;
1114 }
1115 .CheckboxListTable Tr
1116 {
1117 }
1118 .CheckboxListTable Tr Td
1119 {
1120 white-space:nowrap;
1121 height:25px;
1122 }
1123
1124 .ContainerListCheckbox
1125 {
1126 overflow:auto;
1127 padding:5px 5px 5px 5px;
1128 border:solid 1px #7F9DB9;
1129 background-color: #FFFFFF;
1130 }
1131
1132 /*============================== PAGING ==============================*/
1133 .ul_paging{
1134 float:right;
1135 list-style-type:none;
1136 padding:0;
1137 margin:0;
1138 }
1139
1140 .ul_paging li{
1141 float:left;
1142 padding:0 2px;
1143 }
1144
1145 .ul_paging a{
1146 padding:3px 10px;
1147 display:inline-block;
1148 background-color: #0094da;
1149 border: 1px solid #0094da;
1150 color: #FFF;
1151 line-height:16px;
1152 -moz-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
1153 cursor: pointer !important;
1154 }
1155
1156 .ul_paging a:hover,
1157 .ul_paging .paging_active a{
1158 background-color: #f7941d;
1159 border: 1px solid #f7941d;
1160 color:#FFF;
1161 -moz-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
1162 text-decoration:none;
1163 }
1164
1165 /*=================================================Tab control=====================================================*/
1166 ul.tabs {
1167 margin:0;
1168 padding: 0;
1169 float: left;
1170 list-style: none;
1171 height: 37px;
1172 border-bottom: 1px solid #DFDFDF;
1173 width: 100%;
1174 }
1175 ul.tabs li {
1176 float: left;
1177 margin: 0;
1178 padding: 0;
1179 height: 36px;
1180 line-height: 35px;
1181 border: 1px solid #DFDFDF;
1182 border-left: none;
1183 margin-bottom: -1px;
1184 background: #f1f1f1;
1185 overflow: hidden;
1186 position: relative;
1187 }
1188
1189 ul.tabs li.first{
1190 border-left: 1px solid #DFDFDF;
1191 }
1192
1193 ul.tabs li:hover{
1194 border-top: 1px solid #f7941d;
1195 }
1196
1197 ul.tabs li a {
1198 text-decoration: none;
1199 color: #000;
1200 display: block;
1201 padding: 0 20px;
1202 outline: none;
1203 font-weight:bold;
1204 border-top: 1px solid #f1f1f1;
1205 white-space:nowrap;
1206 }
1207
1208 ul.tabs li a:hover {
1209 background: #f1f1f1;
1210 border-top: 1px solid #f7941d;
1211 }
1212
1213 ul.tabs li.active{
1214 background: #fff;
1215 border-bottom: 1px solid #fff;
1216 border-top: 1px solid #0094da;
1217 }
1218
1219 ul.tabs li.active a{
1220 border-top: 1px solid #0094da;
1221 border-bottom: 1px solid #fff;
1222 }
1223
1224 ul.tabs li.active a:hover{
1225 background: #fff;
1226 border-bottom: 1px solid #fff;
1227 }
1228
1229 .tab_container {
1230 border-top: none;
1231 clear: both;
1232 float: left;
1233 width: 100%;
1234 }
1235 .tab_content {
1236 padding: 10px 0;
1237 }
1238
1239
1240 /*============================= fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license ================================*/
1241 .fancybox-wrap,
1242 .fancybox-skin,
1243 .fancybox-outer,
1244 .fancybox-inner,
1245 .fancybox-image,
1246 .fancybox-wrap iframe,
1247 .fancybox-wrap object,
1248 .fancybox-nav,
1249 .fancybox-nav span,
1250 .fancybox-tmp
1251 {
1252 padding: 0;
1253 margin: 0;
1254 border: 0;
1255 outline: none;
1256 vertical-align: top;
1257 }
1258
1259 .fancybox-wrap {
1260 position: absolute;
1261 top: 0;
1262 left: 0;
1263 z-index: 8020;
1264 }
1265
1266 .fancybox-skin {
1267 position: relative;
1268 background: #f9f9f9;
1269 color: #444;
1270 text-shadow: none;
1271 -webkit-border-radius: 4px;
1272 -moz-border-radius: 4px;
1273 border-radius: 4px;
1274 }
1275
1276 .fancybox-opened {
1277 z-index: 8030;
1278 }
1279
1280 .fancybox-opened .fancybox-skin {
1281 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
1282 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
1283 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
1284 }
1285
1286 .fancybox-outer, .fancybox-inner {
1287 position: relative;
1288 }
1289
1290 .fancybox-inner {
1291 overflow: hidden;
1292 }
1293
1294 .fancybox-type-iframe .fancybox-inner {
1295 -webkit-overflow-scrolling: touch;
1296 }
1297
1298 .fancybox-error {
1299 color: #444;
1300 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
1301 margin: 0;
1302 padding: 15px;
1303 white-space: nowrap;
1304 }
1305
1306 .fancybox-image, .fancybox-iframe {
1307 display: block;
1308 width: 100%;
1309 height: 100%;
1310 }
1311
1312 .fancybox-image {
1313 max-width: 100%;
1314 max-height: 100%;
1315 }
1316
1317 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
1318 background-image: url('Image/fancybox_sprite.png');
1319 }
1320
1321 #fancybox-loading {
1322 position: fixed;
1323 top: 50%;
1324 left: 50%;
1325 margin-top: -22px;
1326 margin-left: -22px;
1327 background-position: 0 -108px;
1328 opacity: 0.8;
1329 cursor: pointer;
1330 z-index: 8060;
1331 }
1332
1333 #fancybox-loading div {
1334 width: 44px;
1335 height: 44px;
1336 background: url('Image/fancybox_loading.gif') center center no-repeat;
1337 }
1338
1339 .fancybox-close {
1340 position: absolute;
1341 top: -18px;
1342 right: -18px;
1343 width: 36px;
1344 height: 36px;
1345 cursor: pointer;
1346 z-index: 8040;
1347 }
1348
1349 .fancybox-nav {
1350 position: absolute;
1351 top: 0;
1352 width: 40%;
1353 height: 100%;
1354 cursor: pointer;
1355 text-decoration: none;
1356 background: transparent url('Image/blank.gif'); /* helps IE */
1357 -webkit-tap-highlight-color: rgba(0,0,0,0);
1358 z-index: 8040;
1359 }
1360
1361 .fancybox-prev {
1362 left: 0;
1363 }
1364
1365 .fancybox-next {
1366 right: 0;
1367 }
1368
1369 .fancybox-nav span {
1370 position: absolute;
1371 top: 50%;
1372 width: 36px;
1373 height: 34px;
1374 margin-top: -18px;
1375 cursor: pointer;
1376 z-index: 8040;
1377 visibility: hidden;
1378 }
1379
1380 .fancybox-prev span {
1381 left: 10px;
1382 background-position: 0 -36px;
1383 }
1384
1385 .fancybox-next span {
1386 right: 10px;
1387 background-position: 0 -72px;
1388 }
1389
1390 .fancybox-nav:hover span {
1391 visibility: visible;
1392 }
1393
1394 .fancybox-tmp {
1395 position: absolute;
1396 top: -99999px;
1397 left: -99999px;
1398 visibility: hidden;
1399 max-width: 99999px;
1400 max-height: 99999px;
1401 overflow: visible !important;
1402 }
1403
1404 /* Overlay helper */
1405
1406 .fancybox-lock {
1407 overflow: hidden !important;
1408 width: auto;
1409 }
1410
1411 .fancybox-lock body {
1412 overflow: hidden !important;
1413 }
1414
1415 .fancybox-lock-test {
1416 overflow-y: hidden !important;
1417 }
1418
1419 .fancybox-overlay {
1420 position: absolute;
1421 top: 0;
1422 left: 0;
1423 overflow: hidden;
1424 display: none;
1425 z-index: 8010;
1426 background: url('Image/fancybox_overlay.png');
1427 }
1428
1429 .fancybox-overlay-fixed {
1430 position: fixed;
1431 bottom: 0;
1432 right: 0;
1433 }
1434
1435 .fancybox-lock .fancybox-overlay {
1436 overflow: auto;
1437 overflow-y: scroll;
1438 }
1439
1440 /* Title helper */
1441
1442 .fancybox-title {
1443 visibility: hidden;
1444 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
1445 position: relative;
1446 text-shadow: none;
1447 z-index: 8050;
1448 }
1449
1450 .fancybox-opened .fancybox-title {
1451 visibility: visible;
1452 }
1453
1454 .fancybox-title-float-wrap {
1455 position: absolute;
1456 bottom: 0;
1457 right: 50%;
1458 margin-bottom: -35px;
1459 z-index: 8050;
1460 text-align: center;
1461 }
1462
1463 .fancybox-title-float-wrap .child {
1464 display: inline-block;
1465 margin-right: -100%;
1466 padding: 2px 20px;
1467 background: transparent; /* Fallback for web browsers that doesn't support RGBa */
1468 background: rgba(0, 0, 0, 0.8);
1469 -webkit-border-radius: 15px;
1470 -moz-border-radius: 15px;
1471 border-radius: 15px;
1472 text-shadow: 0 1px 2px #222;
1473 color: #FFF;
1474 font-weight: bold;
1475 line-height: 24px;
1476 white-space: nowrap;
1477 }
1478
1479 .fancybox-title-outside-wrap {
1480 position: relative;
1481 margin-top: 10px;
1482 color: #fff;
1483 }
1484
1485 .fancybox-title-inside-wrap {
1486 padding-top: 10px;
1487 }
1488
1489 .fancybox-title-over-wrap {
1490 position: absolute;
1491 bottom: 0;
1492 left: 0;
1493 color: #fff;
1494 padding: 10px;
1495 background: #000;
1496 background: rgba(0, 0, 0, .8);
1497 }
1498
1499 /*Retina graphics!*/
1500 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
1501 only screen and (min--moz-device-pixel-ratio: 1.5),
1502 only screen and (min-device-pixel-ratio: 1.5){
1503
1504 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
1505 background-image: url('Image/fancybox_sprite@2x.png');
1506 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
1507 }
1508
1509 #fancybox-loading div {
1510 background-image: url('Image/fancybox_loading@2x.gif');
1511 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
1512 }
1513 }
1514 /*========================================= JQUERY UI ===============================*/
1515 /* Layout helpers
1516 ----------------------------------*/
1517 .ui-helper-hidden {
1518 display: none;
1519 }
1520 .ui-helper-hidden-accessible {
1521 border: 0;
1522 clip: rect(0 0 0 0);
1523 height: 1px;
1524 margin: -1px;
1525 overflow: hidden;
1526 padding: 0;
1527 position: absolute;
1528 width: 1px;
1529 }
1530 .ui-helper-reset {
1531 margin: 0;
1532 padding: 0;
1533 border: 0;
1534 outline: 0;
1535 line-height: 1.3;
1536 text-decoration: none;
1537 font-size: 100%;
1538 list-style: none;
1539 }
1540 .ui-helper-clearfix:before,
1541 .ui-helper-clearfix:after {
1542 content: "";
1543 display: table;
1544 border-collapse: collapse;
1545 }
1546 .ui-helper-clearfix:after {
1547 clear: both;
1548 }
1549 .ui-helper-clearfix {
1550 min-height: 0; /* support: IE7 */
1551 }
1552 .ui-helper-zfix {
1553 width: 100%;
1554 height: 100%;
1555 top: 0;
1556 left: 0;
1557 position: absolute;
1558 opacity: 0;
1559 filter:Alpha(Opacity=0);
1560 }
1561
1562 .ui-front {
1563 z-index: 100;
1564 }
1565
1566
1567 /* Interaction Cues
1568 ----------------------------------*/
1569 .ui-state-disabled {
1570 cursor: default !important;
1571 }
1572
1573
1574 /* Icons
1575 ----------------------------------*/
1576
1577 /* states and images */
1578 .ui-icon {
1579 display: block;
1580 text-indent: -99999px;
1581 overflow: hidden;
1582 background-repeat: no-repeat;
1583 }
1584
1585
1586 /* Misc visuals
1587 ----------------------------------*/
1588
1589 /* Overlays */
1590 .ui-widget-overlay {
1591 position: fixed;
1592 top: 0;
1593 left: 0;
1594 width: 100%;
1595 height: 100%;
1596 }
1597 .ui-datepicker {
1598 width: 17em;
1599 padding: .2em .2em 0;
1600 display: none;
1601 }
1602 .ui-datepicker .ui-datepicker-header {
1603 position: relative;
1604 padding: .2em 0;
1605 }
1606 .ui-datepicker .ui-datepicker-prev,
1607 .ui-datepicker .ui-datepicker-next {
1608 position: absolute;
1609 top: 2px;
1610 width: 1.8em;
1611 height: 1.8em;
1612 }
1613 .ui-datepicker .ui-datepicker-prev-hover,
1614 .ui-datepicker .ui-datepicker-next-hover {
1615 top: 1px;
1616 }
1617 .ui-datepicker .ui-datepicker-prev {
1618 left: 2px;
1619 }
1620 .ui-datepicker .ui-datepicker-next {
1621 right: 2px;
1622 }
1623 .ui-datepicker .ui-datepicker-prev-hover {
1624 left: 1px;
1625 }
1626 .ui-datepicker .ui-datepicker-next-hover {
1627 right: 1px;
1628 }
1629 .ui-datepicker .ui-datepicker-prev span,
1630 .ui-datepicker .ui-datepicker-next span {
1631 display: block;
1632 position: absolute;
1633 left: 50%;
1634 margin-left: -8px;
1635 top: 50%;
1636 margin-top: -8px;
1637 }
1638 .ui-datepicker .ui-datepicker-title {
1639 margin: 0 2.3em;
1640 line-height: 1.8em;
1641 text-align: center;
1642 }
1643 .ui-datepicker .ui-datepicker-title select {
1644 font-size: 1em;
1645 margin: 1px 0;
1646 }
1647 .ui-datepicker select.ui-datepicker-month-year {
1648 width: 100%;
1649 }
1650 .ui-datepicker select.ui-datepicker-month,
1651 .ui-datepicker select.ui-datepicker-year {
1652 width: 49%;
1653 }
1654 .ui-datepicker table {
1655 width: 100%;
1656 font-size: .9em;
1657 border-collapse: collapse;
1658 margin: 0 0 .4em;
1659 }
1660 .ui-datepicker th {
1661 padding: .7em .3em;
1662 text-align: center;
1663 font-weight: bold;
1664 border: 0;
1665 }
1666 .ui-datepicker td {
1667 border: 0;
1668 padding: 1px;
1669 }
1670 .ui-datepicker td span,
1671 .ui-datepicker td a {
1672 display: block;
1673 padding: .2em;
1674 text-align: right;
1675 text-decoration: none;
1676 }
1677 .ui-datepicker .ui-datepicker-buttonpane {
1678 background-image: none;
1679 margin: .7em 0 0 0;
1680 padding: 0 .2em;
1681 border-left: 0;
1682 border-right: 0;
1683 border-bottom: 0;
1684 }
1685 .ui-datepicker .ui-datepicker-buttonpane button {
1686 float: right;
1687 margin: .5em .2em .4em;
1688 cursor: pointer;
1689 padding: .2em .6em .3em .6em;
1690 width: auto;
1691 overflow: visible;
1692 }
1693 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
1694 float: left;
1695 }
1696
1697 /* with multiple calendars */
1698 .ui-datepicker.ui-datepicker-multi {
1699 width: auto;
1700 }
1701 .ui-datepicker-multi .ui-datepicker-group {
1702 float: left;
1703 }
1704 .ui-datepicker-multi .ui-datepicker-group table {
1705 width: 95%;
1706 margin: 0 auto .4em;
1707 }
1708 .ui-datepicker-multi-2 .ui-datepicker-group {
1709 width: 50%;
1710 }
1711 .ui-datepicker-multi-3 .ui-datepicker-group {
1712 width: 33.3%;
1713 }
1714 .ui-datepicker-multi-4 .ui-datepicker-group {
1715 width: 25%;
1716 }
1717 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
1718 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
1719 border-left-width: 0;
1720 }
1721 .ui-datepicker-multi .ui-datepicker-buttonpane {
1722 clear: left;
1723 }
1724 .ui-datepicker-row-break {
1725 clear: both;
1726 width: 100%;
1727 font-size: 0;
1728 }
1729
1730 /* RTL support */
1731 .ui-datepicker-rtl {
1732 direction: rtl;
1733 }
1734 .ui-datepicker-rtl .ui-datepicker-prev {
1735 right: 2px;
1736 left: auto;
1737 }
1738 .ui-datepicker-rtl .ui-datepicker-next {
1739 left: 2px;
1740 right: auto;
1741 }
1742 .ui-datepicker-rtl .ui-datepicker-prev:hover {
1743 right: 1px;
1744 left: auto;
1745 }
1746 .ui-datepicker-rtl .ui-datepicker-next:hover {
1747 left: 1px;
1748 right: auto;
1749 }
1750 .ui-datepicker-rtl .ui-datepicker-buttonpane {
1751 clear: right;
1752 }
1753 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
1754 float: left;
1755 }
1756 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
1757 .ui-datepicker-rtl .ui-datepicker-group {
1758 float: right;
1759 }
1760 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
1761 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
1762 border-right-width: 0;
1763 border-left-width: 1px;
1764 }
1765
1766 /* Component containers
1767 ----------------------------------*/
1768 .ui-widget {
1769 font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
1770 font-size: 1.1em;
1771 }
1772 .ui-widget .ui-widget {
1773 font-size: 1em;
1774 }
1775 .ui-widget input,
1776 .ui-widget select,
1777 .ui-widget textarea,
1778 .ui-widget button {
1779 font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
1780 font-size: 1em;
1781 }
1782 .ui-widget-content {
1783 border: 1px solid #dddddd;
1784 background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
1785 color: #333333;
1786 }
1787 .ui-widget-content a {
1788 color: #333333;
1789 }
1790 .ui-widget-header {
1791 border: 1px solid #e78f08;
1792 background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
1793 color: #ffffff;
1794 font-weight: bold;
1795 }
1796 .ui-widget-header a {
1797 color: #ffffff;
1798 }
1799
1800 /* Interaction states
1801 ----------------------------------*/
1802 .ui-state-default,
1803 .ui-widget-content .ui-state-default,
1804 .ui-widget-header .ui-state-default {
1805 border: 1px solid #cccccc;
1806 background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
1807 font-weight: bold;
1808 color: #1c94c4;
1809 }
1810 .ui-state-default a,
1811 .ui-state-default a:link,
1812 .ui-state-default a:visited {
1813 color: #1c94c4;
1814 text-decoration: none;
1815 }
1816 .ui-state-hover,
1817 .ui-widget-content .ui-state-hover,
1818 .ui-widget-header .ui-state-hover,
1819 .ui-state-focus,
1820 .ui-widget-content .ui-state-focus,
1821 .ui-widget-header .ui-state-focus {
1822 border: 1px solid #fbcb09;
1823 background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
1824 font-weight: bold;
1825 color: #c77405;
1826 }
1827 .ui-state-hover a,
1828 .ui-state-hover a:hover,
1829 .ui-state-hover a:link,
1830 .ui-state-hover a:visited {
1831 color: #c77405;
1832 text-decoration: none;
1833 }
1834 .ui-state-active,
1835 .ui-widget-content .ui-state-active,
1836 .ui-widget-header .ui-state-active {
1837 border: 1px solid #fbd850;
1838 background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
1839 font-weight: bold;
1840 color: #eb8f00;
1841 }
1842 .ui-state-active a,
1843 .ui-state-active a:link,
1844 .ui-state-active a:visited {
1845 color: #eb8f00;
1846 text-decoration: none;
1847 }
1848
1849 /* Interaction Cues
1850 ----------------------------------*/
1851 .ui-state-highlight,
1852 .ui-widget-content .ui-state-highlight,
1853 .ui-widget-header .ui-state-highlight {
1854 border: 1px solid #fed22f;
1855 background: #ffe45c url(Image/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
1856 color: #363636;
1857 }
1858 .ui-state-highlight a,
1859 .ui-widget-content .ui-state-highlight a,
1860 .ui-widget-header .ui-state-highlight a {
1861 color: #363636;
1862 }
1863 .ui-state-error,
1864 .ui-widget-content .ui-state-error,
1865 .ui-widget-header .ui-state-error {
1866 border: 1px solid #cd0a0a;
1867 background: #b81900 url(Image/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
1868 color: #ffffff;
1869 }
1870 .ui-state-error a,
1871 .ui-widget-content .ui-state-error a,
1872 .ui-widget-header .ui-state-error a {
1873 color: #ffffff;
1874 }
1875 .ui-state-error-text,
1876 .ui-widget-content .ui-state-error-text,
1877 .ui-widget-header .ui-state-error-text {
1878 color: #ffffff;
1879 }
1880 .ui-priority-primary,
1881 .ui-widget-content .ui-priority-primary,
1882 .ui-widget-header .ui-priority-primary {
1883 font-weight: bold;
1884 }
1885 .ui-priority-secondary,
1886 .ui-widget-content .ui-priority-secondary,
1887 .ui-widget-header .ui-priority-secondary {
1888 opacity: .7;
1889 filter:Alpha(Opacity=70);
1890 font-weight: normal;
1891 }
1892 .ui-state-disabled,
1893 .ui-widget-content .ui-state-disabled,
1894 .ui-widget-header .ui-state-disabled {
1895 opacity: .35;
1896 filter:Alpha(Opacity=35);
1897 background-image: none;
1898 }
1899 .ui-state-disabled .ui-icon {
1900 filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
1901 }
1902
1903 /* Icons
1904 ----------------------------------*/
1905
1906 /* states and images */
1907 .ui-icon {
1908 width: 16px;
1909 height: 16px;
1910 }
1911 .ui-icon,
1912 .ui-widget-content .ui-icon {
1913 background-image: url(Image/ui-icons_222222_256x240.png);
1914 }
1915 .ui-widget-header .ui-icon {
1916 background-image: url(Image/ui-icons_ffffff_256x240.png);
1917 }
1918 .ui-state-default .ui-icon {
1919 background-image: url(Image/ui-icons_ef8c08_256x240.png);
1920 }
1921 .ui-state-hover .ui-icon,
1922 .ui-state-focus .ui-icon {
1923 background-image: url(Image/ui-icons_ef8c08_256x240.png);
1924 }
1925 .ui-state-active .ui-icon {
1926 background-image: url(Image/ui-icons_ef8c08_256x240.png);
1927 }
1928 .ui-state-highlight .ui-icon {
1929 background-image: url(Image/ui-icons_228ef1_256x240.png);
1930 }
1931 .ui-state-error .ui-icon,
1932 .ui-state-error-text .ui-icon {
1933 background-image: url(Image/ui-icons_ffd27a_256x240.png);
1934 }
1935
1936 /* positioning */
1937 .ui-icon-blank { background-position: 16px 16px; }
1938 .ui-icon-carat-1-n { background-position: 0 0; }
1939 .ui-icon-carat-1-ne { background-position: -16px 0; }
1940 .ui-icon-carat-1-e { background-position: -32px 0; }
1941 .ui-icon-carat-1-se { background-position: -48px 0; }
1942 .ui-icon-carat-1-s { background-position: -64px 0; }
1943 .ui-icon-carat-1-sw { background-position: -80px 0; }
1944 .ui-icon-carat-1-w { background-position: -96px 0; }
1945 .ui-icon-carat-1-nw { background-position: -112px 0; }
1946 .ui-icon-carat-2-n-s { background-position: -128px 0; }
1947 .ui-icon-carat-2-e-w { background-position: -144px 0; }
1948 .ui-icon-triangle-1-n { background-position: 0 -16px; }
1949 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1950 .ui-icon-triangle-1-e { background-position: -32px -16px; }
1951 .ui-icon-triangle-1-se { background-position: -48px -16px; }
1952 .ui-icon-triangle-1-s { background-position: -64px -16px; }
1953 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1954 .ui-icon-triangle-1-w { background-position: -96px -16px; }
1955 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1956 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1957 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1958 .ui-icon-arrow-1-n { background-position: 0 -32px; }
1959 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1960 .ui-icon-arrow-1-e { background-position: -32px -32px; }
1961 .ui-icon-arrow-1-se { background-position: -48px -32px; }
1962 .ui-icon-arrow-1-s { background-position: -64px -32px; }
1963 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1964 .ui-icon-arrow-1-w { background-position: -96px -32px; }
1965 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1966 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1967 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1968 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1969 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1970 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1971 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1972 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1973 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1974 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1975 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1976 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1977 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1978 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1979 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1980 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1981 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1982 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1983 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1984 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1985 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1986 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1987 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1988 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1989 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1990 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1991 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1992 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1993 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1994 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1995 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1996 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1997 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1998 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1999 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
2000 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
2001 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
2002 .ui-icon-arrow-4 { background-position: 0 -80px; }
2003 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
2004 .ui-icon-extlink { background-position: -32px -80px; }
2005 .ui-icon-newwin { background-position: -48px -80px; }
2006 .ui-icon-refresh { background-position: -64px -80px; }
2007 .ui-icon-shuffle { background-position: -80px -80px; }
2008 .ui-icon-transfer-e-w { background-position: -96px -80px; }
2009 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
2010 .ui-icon-folder-collapsed { background-position: 0 -96px; }
2011 .ui-icon-folder-open { background-position: -16px -96px; }
2012 .ui-icon-document { background-position: -32px -96px; }
2013 .ui-icon-document-b { background-position: -48px -96px; }
2014 .ui-icon-note { background-position: -64px -96px; }
2015 .ui-icon-mail-closed { background-position: -80px -96px; }
2016 .ui-icon-mail-open { background-position: -96px -96px; }
2017 .ui-icon-suitcase { background-position: -112px -96px; }
2018 .ui-icon-comment { background-position: -128px -96px; }
2019 .ui-icon-person { background-position: -144px -96px; }
2020 .ui-icon-print { background-position: -160px -96px; }
2021 .ui-icon-trash { background-position: -176px -96px; }
2022 .ui-icon-locked { background-position: -192px -96px; }
2023 .ui-icon-unlocked { background-position: -208px -96px; }
2024 .ui-icon-bookmark { background-position: -224px -96px; }
2025 .ui-icon-tag { background-position: -240px -96px; }
2026 .ui-icon-home { background-position: 0 -112px; }
2027 .ui-icon-flag { background-position: -16px -112px; }
2028 .ui-icon-calendar { background-position: -32px -112px; }
2029 .ui-icon-cart { background-position: -48px -112px; }
2030 .ui-icon-pencil { background-position: -64px -112px; }
2031 .ui-icon-clock { background-position: -80px -112px; }
2032 .ui-icon-disk { background-position: -96px -112px; }
2033 .ui-icon-calculator { background-position: -112px -112px; }
2034 .ui-icon-zoomin { background-position: -128px -112px; }
2035 .ui-icon-zoomout { background-position: -144px -112px; }
2036 .ui-icon-search { background-position: -160px -112px; }
2037 .ui-icon-wrench { background-position: -176px -112px; }
2038 .ui-icon-gear { background-position: -192px -112px; }
2039 .ui-icon-heart { background-position: -208px -112px; }
2040 .ui-icon-star { background-position: -224px -112px; }
2041 .ui-icon-link { background-position: -240px -112px; }
2042 .ui-icon-cancel { background-position: 0 -128px; }
2043 .ui-icon-plus { background-position: -16px -128px; }
2044 .ui-icon-plusthick { background-position: -32px -128px; }
2045 .ui-icon-minus { background-position: -48px -128px; }
2046 .ui-icon-minusthick { background-position: -64px -128px; }
2047 .ui-icon-close { background-position: -80px -128px; }
2048 .ui-icon-closethick { background-position: -96px -128px; }
2049 .ui-icon-key { background-position: -112px -128px; }
2050 .ui-icon-lightbulb { background-position: -128px -128px; }
2051 .ui-icon-scissors { background-position: -144px -128px; }
2052 .ui-icon-clipboard { background-position: -160px -128px; }
2053 .ui-icon-copy { background-position: -176px -128px; }
2054 .ui-icon-contact { background-position: -192px -128px; }
2055 .ui-icon-image { background-position: -208px -128px; }
2056 .ui-icon-video { background-position: -224px -128px; }
2057 .ui-icon-script { background-position: -240px -128px; }
2058 .ui-icon-alert { background-position: 0 -144px; }
2059 .ui-icon-info { background-position: -16px -144px; }
2060 .ui-icon-notice { background-position: -32px -144px; }
2061 .ui-icon-help { background-position: -48px -144px; }
2062 .ui-icon-check { background-position: -64px -144px; }
2063 .ui-icon-bullet { background-position: -80px -144px; }
2064 .ui-icon-radio-on { background-position: -96px -144px; }
2065 .ui-icon-radio-off { background-position: -112px -144px; }
2066 .ui-icon-pin-w { background-position: -128px -144px; }
2067 .ui-icon-pin-s { background-position: -144px -144px; }
2068 .ui-icon-play { background-position: 0 -160px; }
2069 .ui-icon-pause { background-position: -16px -160px; }
2070 .ui-icon-seek-next { background-position: -32px -160px; }
2071 .ui-icon-seek-prev { background-position: -48px -160px; }
2072 .ui-icon-seek-end { background-position: -64px -160px; }
2073 .ui-icon-seek-start { background-position: -80px -160px; }
2074 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
2075 .ui-icon-seek-first { background-position: -80px -160px; }
2076 .ui-icon-stop { background-position: -96px -160px; }
2077 .ui-icon-eject { background-position: -112px -160px; }
2078 .ui-icon-volume-off { background-position: -128px -160px; }
2079 .ui-icon-volume-on { background-position: -144px -160px; }
2080 .ui-icon-power { background-position: 0 -176px; }
2081 .ui-icon-signal-diag { background-position: -16px -176px; }
2082 .ui-icon-signal { background-position: -32px -176px; }
2083 .ui-icon-battery-0 { background-position: -48px -176px; }
2084 .ui-icon-battery-1 { background-position: -64px -176px; }
2085 .ui-icon-battery-2 { background-position: -80px -176px; }
2086 .ui-icon-battery-3 { background-position: -96px -176px; }
2087 .ui-icon-circle-plus { background-position: 0 -192px; }
2088 .ui-icon-circle-minus { background-position: -16px -192px; }
2089 .ui-icon-circle-close { background-position: -32px -192px; }
2090 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
2091 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
2092 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
2093 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
2094 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
2095 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
2096 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
2097 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
2098 .ui-icon-circle-zoomin { background-position: -176px -192px; }
2099 .ui-icon-circle-zoomout { background-position: -192px -192px; }
2100 .ui-icon-circle-check { background-position: -208px -192px; }
2101 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
2102 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
2103 .ui-icon-circlesmall-close { background-position: -32px -208px; }
2104 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
2105 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
2106 .ui-icon-squaresmall-close { background-position: -80px -208px; }
2107 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
2108 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
2109 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
2110 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
2111 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
2112 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
2113
2114
2115 /* Misc visuals
2116 ----------------------------------*/
2117
2118 /* Corner radius */
2119 .ui-corner-all,
2120 .ui-corner-top,
2121 .ui-corner-left,
2122 .ui-corner-tl {
2123 border-top-left-radius: 4px;
2124 }
2125 .ui-corner-all,
2126 .ui-corner-top,
2127 .ui-corner-right,
2128 .ui-corner-tr {
2129 border-top-right-radius: 4px;
2130 }
2131 .ui-corner-all,
2132 .ui-corner-bottom,
2133 .ui-corner-left,
2134 .ui-corner-bl {
2135 border-bottom-left-radius: 4px;
2136 }
2137 .ui-corner-all,
2138 .ui-corner-bottom,
2139 .ui-corner-right,
2140 .ui-corner-br {
2141 border-bottom-right-radius: 4px;
2142 }
2143
2144 /* Overlays */
2145 .ui-widget-overlay {
2146 background: #666666 url(Image/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
2147 opacity: .5;
2148 filter: Alpha(Opacity=50);
2149 }
2150 .ui-widget-shadow {
2151 margin: -5px 0 0 -5px;
2152 padding: 5px;
2153 background: #000000 url(Image/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
2154 opacity: .2;
2155 filter: Alpha(Opacity=20);
2156 border-radius: 5px;
2157 }
2158
2159
2160 .ui-datepicker-trigger {
2161 vertical-align:bottom;
2162 cursor:pointer;
2163 }
2164
2165 /*========================================= Thay doi giao dien ===============================*/
2166
2167 .div_contain_templates{
2168 width:100%;
2169 float:left;
2170 }
2171
2172 .div_contain_templates .div_content_skin{
2173 float:left;
2174 width:100%;
2175 }
2176
2177 .div_contain_templates .div_content_skin .p_title{
2178 font-size:10pt;
2179 font-weight:bold;
2180 line-height:30px;
2181 margin:0;
2182 padding:0;
2183 background:#356384;
2184 color:#FFF;
2185 }
2186
2187 .div_contain_templates .div_content_skin .div_image{
2188 *float:left;
2189 margin:10px 20px 0px 0px;
2190 width:160px;
2191 height:184px;
2192 }
2193
2194 .div_contain_templates .div_content_skin .div_image img{
2195 border:none;
2196 width:160px;
2197 height:160px;
2198 }
2199
2200 .div_contain_templates .div_content_skin .div_image a{
2201 height:24px;
2202 line-height:24px;
2203 background:#3f89c3;
2204 color:#FFFFFF;
2205 font-weight:bold;
2206 display:block;
2207 text-align:center;
2208 text-decoration:underline;
2209 }
2210
2211 .div_contain_templates .div_content_skin .div_image a:hover{
2212 text-decoration:none;
2213 }
2214
2215 .div_contain_templates .div_content_skin .div_detail{
2216 float:left;
2217 width:600px;
2218 margin-top:10px;
2219 }
2220
2221 .div_contain_templates .div_content_skin .div_template{
2222 width:220px;
2223 height:286px;
2224 margin:20px 0px 0px 28px;
2225 border:1px solid #999;
2226 float:left;
2227 }
2228
2229 .div_contain_templates .div_content_skin .div_template h3{
2230 font-size:12pt;
2231 font-weight:bold;
2232 text-align:center;
2233 line-height:26px;
2234 margin:0;
2235 }
2236
2237 .div_contain_templates .div_content_skin .div_template h4{
2238 font-weight:bold;
2239 font-style:italic;
2240 text-align:center;
2241 line-height:20px;
2242 margin:0 0 5px 0;
2243 }
2244
2245 .div_contain_templates .div_content_skin .div_template img{
2246 width:160px;
2247 height:160px;
2248 margin:0px 30px;
2249 }
2250
2251 .div_contain_templates .div_content_skin .div_template a{
2252 height:24px;
2253 line-height:24px;
2254 background:#3f89c3;
2255 color:#FFFFFF;
2256 font-weight:bold;
2257 margin:0px 30px;
2258 display:block;
2259 text-align:center;
2260 margin-bottom:5px;
2261 text-decoration:underline;
2262 }
2263
2264 .div_contain_templates .div_content_skin .div_template a:hover{
2265 text-decoration:none;
2266 }